testing-shadcn-in-fresh

Label

Renders an accessible label associated with controls.

Accept terms and conditions

Not Accept

Code

import { Checkbox } from "https://deno.land/x/testing_shadcn_ui_for_deno@0.1.2/components/checkbox.tsx"
import { Label } from "https://deno.land/x/testing_shadcn_ui_for_deno@0.1.2/components/label.tsx"

export function LabelDemo() {
  return (
    <div class="flex flex-col gap-4">
      <div class="flex items-center space-x-2">
        <Checkbox id="terms" />
        <Label htmlFor="terms" class="cursor-pointer">Accept terms and conditions</Label>
      </div>
      <div class="flex items-center space-x-2">
        <Checkbox id="not" disabled />
        <Label htmlFor="not" >Not Accept</Label>
      </div>
    </div>
  )
}