KontrollkästchenAuswahl mehrerer Optionen ermöglichen.

import Checkbox from '@/components/Checkbox';
export function Example() {  return (    <>      <Checkbox $label="Lorem ipsum" />      <Checkbox $label="Dolor sit amet" defaultChecked />      <Checkbox $label="Consectetur adipiscing" />    </>  );}

import Checkbox from '@/components/Checkbox';
export function Example() {  return (    <>      <Checkbox         $label="Lorem ipsum notifications"         $description="Receive notifications about lorem ipsum updates"      />      <Checkbox         $label="Dolor sit amet alerts"         $description="Get alerted when new dolor sit amet content is available"        defaultChecked       />    </>  );}

import Checkbox from '@/components/Checkbox';
export function Example() {  return (    <>      <Checkbox         $label="Accept terms and conditions"         $description="You must accept the terms to continue"        required       />      <Checkbox         $label="Subscribe to newsletter"         $description="Optional: Receive updates via email"      />    </>  );}

import Checkbox from '@/components/Checkbox';
export function Example() {  return (    <>      <Checkbox         $type="card"        $label="Lorem ipsum package"         $description="Full-featured lorem ipsum generator with advanced options"      />      <Checkbox         $type="card"        $label="Dolor sit amet addon"         $description="Additional dolor sit amet functionality and templates"        defaultChecked       />    </>  );}

import Checkbox from '@/components/Checkbox';
export function Example() {  return (    <>      <Checkbox $label="Lorem ipsum" disabled />      <Checkbox $label="Dolor sit amet" disabled defaultChecked />      <Checkbox         $label="Consectetur adipiscing"         $description="This option is temporarily unavailable"        disabled       />    </>  );}