Accept terms and conditions

) } `,__src__:"registry/default/example/label-demo.tsx",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"default",children:[(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#FFF"},children:"import { Checkbox } from "}),(0,n.jsx)(e.span,{style:{color:"#FFF"},children:'"@/components/ui/checkbox"'})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#FFF"},children:"import { Label } from "}),(0,n.jsx)(e.span,{style:{color:"#FFF"},children:'"@/components/ui/label"'})]}),` `,(0,n.jsx)(e.span,{className:"line",children:" "}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#FFF"},children:"export function LabelDemo() {"})}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#FFF"},children:" return ("})}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#FFF"},children:"

"})}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#FFF"},children:"

"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#FFF"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#FFF"},children:" Accept terms and conditions"})]}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#FFF"},children:"

"})}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#FFF"},children:"

"})}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#FFF"},children:" )"})}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#FFF"},children:"}"})})]})})})}),` `,(0,n.jsxs)(e.h2,{id:"configurable-props",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#configurable-props",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Configurable Props"]}),` `,(0,n.jsxs)(e.h3,{id:"label",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#label",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),""]}),` `,(0,n.jsx)("div",{className:"my-6 w-full overflow-y-auto",children:(0,n.jsxs)("table",{className:"w-full",children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{className:"m-0 border-t p-0 even:bg-muted",children:[(0,n.jsx)("th",{className:"border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right",children:(0,n.jsx)(e.p,{children:"Prop"})}),(0,n.jsx)("th",{className:"border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right",children:(0,n.jsx)(e.p,{children:"Type"})}),(0,n.jsx)("th",{className:"border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right",children:(0,n.jsx)(e.p,{children:"Default/ Options"})}),(0,n.jsx)("th",{className:"border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right",children:(0,n.jsx)(e.p,{children:"Description"})})]})}),(0,n.jsx)("tbody",{children:(0,n.jsxs)("tr",{className:"m-0 border-t p-0 even:bg-muted",children:[(0,n.jsx)("td",{className:"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right",children:(0,n.jsx)(e.p,{children:"htmlFor"})}),(0,n.jsx)("td",{className:"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right",children:(0,n.jsx)(e.p,{children:"String (see code for example)"})}),(0,n.jsx)("td",{className:"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right",children:(0,n.jsx)(e.p,{children:"False"})}),(0,n.jsx)("td",{className:"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right",children:(0,n.jsx)(e.p,{children:"The id of the element the label is associated with."})})]})})]})})]})}function h(t={}){let{wrapper:e}=t.components||{};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(d,{...t})}):d(t)}function v(t,e){throw new Error("Expected "+(e?"component":"object")+" `"+t+"` to be defined: you likely forgot to import, pass, or provide it.")}return u(_);})(); ;return Component;

Label

Configurable Props

<Label>