[{"data":1,"prerenderedAt":28},["ShallowReactive",2],{"page-c-button":3},{"examplesHtml":4,"typesHtml":23,"usageHtml":27},{"c-button\u002Fsizes":5,"c-button\u002Fvariants":14},{"vue":6,"react":8,"angular":10,"typescript":12},[7],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"example-row\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> size\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"small\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Small<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Default<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> size\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"large\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Large<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[9],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@cscfi\u002Fcsc-ui-react'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> const\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> Sizes\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> () \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> (\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> className\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"example-row\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> size\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"small\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Small<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Default<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> size\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"large\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Large<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[11],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@angular\u002Fcore'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">@\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\">Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">({\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  selector\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'app-example'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  standalone\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> true\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  schemas\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> [\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\">CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  template\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> `\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    <div class=\"example-row\">\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      <c-button size=\"small\">Small<\u002Fc-button>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      <c-button>Default<\u002Fc-button>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      <c-button size=\"large\">Large<\u002Fc-button>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    <\u002Fdiv>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">  `\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">})\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\"> SizesExampleComponent\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[13],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> size\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"small\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Small<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Default<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> size\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"large\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Large<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{"vue":15,"react":17,"angular":19,"typescript":21},[16],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"example-row\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Default<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> outlined\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Outlined<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> ghost\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Ghost<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> text\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Text<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> danger\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Danger<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> disabled\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Disabled<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[18],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@cscfi\u002Fcsc-ui-react'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> const\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> Variants\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> () \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> (\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> className\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"example-row\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Default<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> outlined\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Outlined<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> ghost\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Ghost<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> text\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Text<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> danger\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Danger<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> disabled\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Disabled<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CButton\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[20],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@angular\u002Fcore'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">@\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\">Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">({\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  selector\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'app-example'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  standalone\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> true\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  schemas\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> [\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\">CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  template\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> `\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    <div class=\"example-row\">\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      <c-button>Default<\u002Fc-button>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      <c-button outlined>Outlined<\u002Fc-button>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      <c-button ghost>Ghost<\u002Fc-button>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      <c-button text>Text<\u002Fc-button>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      <c-button danger>Danger<\u002Fc-button>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      <c-button disabled>Disabled<\u002Fc-button>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    <\u002Fdiv>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">  `\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">})\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\"> VariantsExampleComponent\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[22],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Default<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> outlined\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Outlined<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> ghost\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Ghost<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> text\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Text<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> danger\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Danger<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> disabled\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Disabled<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{"CButtonProps":24,"CButtonSize":25,"CButtonType":26},"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> interface\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\"> CButtonProps\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Pressed (toggle) state — renders the selected look and sets\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * `aria-pressed`. Leave unset for regular action buttons: only a\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * true\u002Ffalse value marks the button as a toggle. Driven by\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * `c-button-group` on its slotted buttons.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  active\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> boolean\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Danger variant style\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  danger\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> boolean\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Disable the button\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  disabled\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> boolean\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Fit width to containing element\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  fit\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> boolean\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Light button background\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  ghost\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> boolean\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Id of the button\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">freeform\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  hostId\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Hyperlink url\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">freeform\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> any URL\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  href\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Inverted button style for dark backgrounds\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  inverted\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> boolean\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Display loader on the button\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  loading\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> boolean\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Remove the default border radius\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  noRadius\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> boolean\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F** Suppress the click ripple (e.g. when a wrapper owns the press feedback). *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  noRipple\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> boolean\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Outlined button style\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  outlined\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> boolean\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Size of the button\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  size\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\"> CButtonSize\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Hyperlink target\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">freeform\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> any browsing-context name (e.g. _blank, _self)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  target\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Transparent button background\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  text\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> boolean\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Button type\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  type\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\"> CButtonType\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * Value for the button\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * - for use in the c-button-group\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   * \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">@\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-light-font-style:italic;--shiki-dark:#C678DD;--shiki-dark-font-style:italic\">seeded\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\"> from csc-ui — verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">   *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  value\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#C678DD\">?\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> number\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\"> |\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> type\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\"> CButtonSize\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'default'\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\"> |\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'large'\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\"> |\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'small'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> type\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\"> CButtonType\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'button'\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\"> |\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'reset'\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\"> |\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'submit'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Ch2>When to use\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>Performing an action on the current page (save, send, confirm).\u003C\u002Fli>\n\u003Cli>Navigating with button semantics: set \u003Ccode>href\u003C\u002Fcode> to render a real link styled\nas a button.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>When not to use\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>Inline navigation within text — use \u003Ccode>c-link\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>Toggling a persistent on\u002Foff state — use \u003Ccode>c-switch\u003C\u002Fcode>.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Accessibility\u003C\u002Fh2>\n\u003Cp>The \u003Ccode>root\u003C\u002Fcode> part is a native \u003Ccode><button>\u003C\u002Fcode> (or \u003Ccode><a>\u003C\u002Fcode> when \u003Ccode>href\u003C\u002Fcode> is set), so\nfocus, keyboard activation and screen-reader semantics come from the\nplatform. When only an icon is slotted, provide an accessible name on the\nhost, e.g. \u003Ccode>aria-label="Close"\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Ch2>Customization\u003C\u002Fh2>\n\u003Cp>Restyle via CSS parts from your own stylesheet:\u003C\u002Fp>\n\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-button\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">::part(root\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  border-radius: \u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">9999\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E06C75\">px\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n",1788348223165]