[ { "slug": "components/button", "body": "const{Fragment:e,jsx:n,jsxs:l}=arguments[0];function _createMdxContent(r){const o={a:\"a\",code:\"code\",figure:\"figure\",h2:\"h2\",pre:\"pre\",span:\"span\",...r.components},{Button:s,Preview:t}=o;return s||_missingMdxReference(\"Button\",!0),t||_missingMdxReference(\"Preview\",!0),l(e,{children:[n(o.h2,{id:\"variants\",children:n(o.a,{className:\"subheading-anchor\",\"aria-label\":\"Link to section\",href:\"#variants\",children:\"Variants\"})}),\"\\n\",n(t,{children:l(\"div\",{className:\"flex gap-2\",children:[n(s,{children:\"Button\"}),n(s,{variant:\"secondary\",children:\"Secondary\"}),n(s,{variant:\"outline\",children:\"Outline\"}),n(s,{variant:\"destructive\",children:\"Destructive\"}),n(s,{variant:\"ghost\",children:\"Ghost\"}),n(s,{variant:\"link\",children:\"link\"})]})}),\"\\n\",n(\"br\",{}),\"\\n\",n(o.figure,{\"data-rehype-pretty-code-figure\":\"\",children:n(o.pre,{style:{backgroundColor:\"#FAFAFA\",color:\"#383A42\"},tabIndex:\"0\",\"data-language\":\"jsx\",\"data-theme\":\"one-light\",children:l(o.code,{\"data-language\":\"jsx\",\"data-theme\":\"one-light\",style:{display:\"grid\"},children:[l(o.span,{\"data-line\":\"\",children:[n(o.span,{style:{color:\"#383A42\"},children:\"<\"}),n(o.span,{style:{color:\"#C18401\"},children:\"Button\"}),n(o.span,{style:{color:\"#383A42\"},children:\">Button\"})]}),\"\\n\",l(o.span,{\"data-line\":\"\",children:[n(o.span,{style:{color:\"#383A42\"},children:\"<\"}),n(o.span,{style:{color:\"#C18401\"},children:\"Button\"}),n(o.span,{style:{color:\"#986801\"},children:\" variant\"}),n(o.span,{style:{color:\"#383A42\"},children:\"=\"}),n(o.span,{style:{color:\"#50A14F\"},children:'\"secondary\"'}),n(o.span,{style:{color:\"#383A42\"},children:\">Secondary\"})]}),\"\\n\",l(o.span,{\"data-line\":\"\",children:[n(o.span,{style:{color:\"#383A42\"},children:\"<\"}),n(o.span,{style:{color:\"#C18401\"},children:\"Button\"}),n(o.span,{style:{color:\"#986801\"},children:\" variant\"}),n(o.span,{style:{color:\"#383A42\"},children:\"=\"}),n(o.span,{style:{color:\"#50A14F\"},children:'\"outline\"'}),n(o.span,{style:{color:\"#383A42\"},children:\">Outline\"})]}),\"\\n\",l(o.span,{\"data-line\":\"\",children:[n(o.span,{style:{color:\"#383A42\"},children:\"<\"}),n(o.span,{style:{color:\"#C18401\"},children:\"Button\"}),n(o.span,{style:{color:\"#986801\"},children:\" variant\"}),n(o.span,{style:{color:\"#383A42\"},children:\"=\"}),n(o.span,{style:{color:\"#50A14F\"},children:'\"destructive\"'}),n(o.span,{style:{color:\"#383A42\"},children:\">Destructive\"})]}),\"\\n\",l(o.span,{\"data-line\":\"\",children:[n(o.span,{style:{color:\"#383A42\"},children:\"<\"}),n(o.span,{style:{color:\"#C18401\"},children:\"Button\"}),n(o.span,{style:{color:\"#986801\"},children:\" variant\"}),n(o.span,{style:{color:\"#383A42\"},children:\"=\"}),n(o.span,{style:{color:\"#50A14F\"},children:'\"ghost\"'}),n(o.span,{style:{color:\"#383A42\"},children:\">Ghost\"})]}),\"\\n\",l(o.span,{\"data-line\":\"\",children:[n(o.span,{style:{color:\"#383A42\"},children:\"<\"}),n(o.span,{style:{color:\"#C18401\"},children:\"Button\"}),n(o.span,{style:{color:\"#986801\"},children:\" variant\"}),n(o.span,{style:{color:\"#383A42\"},children:\"=\"}),n(o.span,{style:{color:\"#50A14F\"},children:'\"link\"'}),n(o.span,{style:{color:\"#383A42\"},children:\">link\"})]})]})})}),\"\\n\",n(o.h2,{id:\"sizes\",children:n(o.a,{className:\"subheading-anchor\",\"aria-label\":\"Link to section\",href:\"#sizes\",children:\"Sizes\"})}),\"\\n\",n(t,{children:l(\"div\",{className:\"flex gap-2\",children:[n(s,{size:\"sm\",children:\"sm size\"}),n(s,{children:\"md size\"}),n(s,{size:\"lg\",children:\"lg size\"})]})}),\"\\n\",n(\"br\",{}),\"\\n\",n(o.figure,{\"data-rehype-pretty-code-figure\":\"\",children:n(o.pre,{style:{backgroundColor:\"#FAFAFA\",color:\"#383A42\"},tabIndex:\"0\",\"data-language\":\"jsx\",\"data-theme\":\"one-light\",children:l(o.code,{\"data-language\":\"jsx\",\"data-theme\":\"one-light\",style:{display:\"grid\"},children:[l(o.span,{\"data-line\":\"\",children:[n(o.span,{style:{color:\"#383A42\"},children:\"<\"}),n(o.span,{style:{color:\"#C18401\"},children:\"Button\"}),n(o.span,{style:{color:\"#986801\"},children:\" size\"}),n(o.span,{style:{color:\"#383A42\"},children:\"=\"}),n(o.span,{style:{color:\"#50A14F\"},children:'\"sm\"'}),n(o.span,{style:{color:\"#383A42\"},children:\">sm size\"})]}),\"\\n\",l(o.span,{\"data-line\":\"\",children:[n(o.span,{style:{color:\"#383A42\"},children:\"<\"}),n(o.span,{style:{color:\"#C18401\"},children:\"Button\"}),n(o.span,{style:{color:\"#383A42\"},children:\">md size\"})]}),\"\\n\",l(o.span,{\"data-line\":\"\",children:[n(o.span,{style:{color:\"#383A42\"},children:\"<\"}),n(o.span,{style:{color:\"#C18401\"},children:\"Button\"}),n(o.span,{style:{color:\"#986801\"},children:\" size\"}),n(o.span,{style:{color:\"#383A42\"},children:\"=\"}),n(o.span,{style:{color:\"#50A14F\"},children:'\"lg\"'}),n(o.span,{style:{color:\"#383A42\"},children:\">lg size\"})]})]})})}),\"\\n\",n(\"br\",{})]})}return{default:function(e={}){const{wrapper:l}=e.components||{};return l?n(l,{...e,children:n(_createMdxContent,{...e})}):_createMdxContent(e)}};function _missingMdxReference(e,n){throw new Error(\"Expected \"+(n?\"component\":\"object\")+\" `\"+e+\"` to be defined: you likely forgot to import, pass, or provide it.\")}", "raw": "## Variants\n\n\n

\n \n \n \n \n \n \n

\n\n
\n\n```jsx\n\n\n\n\n\n\n```\n\n## Sizes\n\n

\n \n \n \n

\n\n
\n\n```jsx\n\n\n\n```\n\n
", "slugAsParams": "button" } ]

UI-Docs