[{"data":1,"prerenderedAt":17},["ShallowReactive",2],{"clay-page:\u002Fde\u002Fwriting\u002Fcomponents\u002Fbadges":3},{"html":4,"toc":5,"description":13,"hero":14,"list":15,"socialImage":16},"\u003Ch1 id=\"badges\">Badges\u003C\u002Fh1>\n\u003Cp>Badges sind kleine Etiketten in einer Textzeile oder Überschrift: was neu ist, in Beta oder bald wegfällt.\u003C\u002Fp>\n\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">Die Option \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#CE9178\">`--strict`\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> :badge[Seit 2.0]{tip} lässt Builds mit Warnungen scheitern.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cp>Die Option \u003Ccode>--strict\u003C\u002Fcode> \u003Cspan class=\"badge badge-sm badge-soft badge-success clay-badge\">Seit 2.0\u003C\u002Fspan> lässt Builds mit Warnungen scheitern.\u003C\u002Fp>\n\u003Ch2 id=\"arten\">\u003Ca class=\"heading-anchor\" href=\"#arten\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#arten\">#\u003C\u002Fa>Arten\u003C\u002Fh2>\n\u003Cp>Schreib den Text des Badges in eckige Klammern und seine Art in geschweifte. Die Arten heißen wie die \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Falerts\" data-route=\"\u002Fde\u002Fwriting\u002Falerts\">Hinweise\u003C\u002Fa>:\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Schreibweise\u003C\u002Fth>\n\u003Cth>Ergebnis\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>\u003Ccode>:badge[Neu]\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan class=\"badge badge-sm badge-soft badge-primary clay-badge\">Neu\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>:badge[Info]{info}\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan class=\"badge badge-sm badge-soft badge-info clay-badge\">Info\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>:badge[Notiz]{note}\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan class=\"badge badge-sm badge-soft badge-neutral clay-badge\">Notiz\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>:badge[Stabil]{tip}\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan class=\"badge badge-sm badge-soft badge-success clay-badge\">Stabil\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>:badge[Beta]{important}\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan class=\"badge badge-sm badge-soft badge-secondary clay-badge\">Beta\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>:badge[Veraltet]{warning}\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan class=\"badge badge-sm badge-soft badge-warning clay-badge\">Veraltet\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>:badge[Entfernt]{caution}\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan class=\"badge badge-sm badge-soft badge-error clay-badge\">Entfernt\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>:badge[Unsicher]{danger}\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan class=\"badge badge-sm badge-soft badge-error clay-badge\">Unsicher\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Cp>Eine Art, die Clay nicht kennt, sieht aus wie ein Badge ohne Art.\u003C\u002Fp>\n\u003Ch2 id=\"in-überschriften\">\u003Ca class=\"heading-anchor\" href=\"#in-überschriften\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#in-überschriften\">#\u003C\u002Fa>In Überschriften\u003C\u002Fh2>\n\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-light-font-weight:bold;--shiki-dark:#569CD6;--shiki-dark-font-weight:bold\">### clay edit :badge[Seit 3.0]{tip}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cp>Ein Badge in einer Überschrift gehört zu ihrem Text, auch für ihren \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Flinks-and-images\" data-route=\"\u002Fde\u002Fwriting\u002Flinks-and-images\">\u003Ccode>#\u003C\u002Fcode>-Link\u003C\u002Fa>: Die Überschrift oben wird als \u003Ccode>#clay-edit-seit-30\u003C\u002Fcode> verlinkt. Füge den Badge gleich beim Schreiben der Überschrift ein, damit sich Links darauf später nicht ändern.\u003C\u002Fp>\n\u003Cdiv class=\"markdown-alert markdown-alert-tip\">\n\u003Cp class=\"markdown-alert-title text-primary\">\u003Ci class=\"fa-solid fa-lightbulb mr-2\">\u003C\u002Fi>Tipp\u003C\u002Fp>\n\u003Cp>Ein Badge sagt viel; eine Seite voller Badges sagt nichts. Nutze sie für das, was Leser nicht übersehen dürfen.\u003C\u002Fp>\n\u003C\u002Fdiv>\n",[6,10],{"id":7,"text":8,"level":9},"arten","Arten",2,{"id":11,"text":12,"level":9},"in-überschriften","In Überschriften","Kleine Etiketten in Text und Überschriften, etwa „Neu“, „Beta“ oder „Veraltet“, in den Farben der Hinweise.",null,false,"\u002F_clay\u002Fsocial\u002Fde\u002Fwriting\u002Fcomponents\u002Fbadges.png",1792666372044]