@stanfordspezi/spezi-web-design-system
Version:
Stanford Biodesign Digital Health Spezi Web Design System
29 lines (28 loc) • 835 B
TypeScript
import { Checkbox as CheckboxPrimitive } from 'radix-ui';
import { ComponentProps } from 'react';
type CheckboxProps = ComponentProps<typeof CheckboxPrimitive.Root>;
/**
* Checkbox component, it implements just the Checkbox control input.
*
* Use {@link CheckboxGroup} for a complete checkbox selection list component.
*
* @example
* ```tsx
* // It's typically used with a SideLabel for proper labeling
* <SideLabel label="Show unread only">
* <Checkbox checked={checked} onCheckedChange={setChecked} />
* </SideLabel>
* ```
*
* @example
* ```tsx
* // With aria-label for standalone usage
* <Checkbox
* checked={checked}
* onCheckedChange={setChecked}
* aria-label="Checkbox"
* />
* ```
*/
export declare const Checkbox: ({ className, ...props }: CheckboxProps) => import("react").JSX.Element;
export {};