Storybook configuration file that defines interactive documentation and testing scenarios for the Checkbox UI component, built on Radix UI primitives.
## Key Components
- **Meta Configuration**: Defines the Storybook setup with component metadata, parameters, and control definitions
- **Story Exports**: Eight distinct stories showcasing different checkbox states and usage patterns
- **Interactive Controls**: Configures argTypes for `checked`, `defaultChecked`, `disabled`, and `onCheckedChange` properties
- **Custom Render Functions**: Demonstrates advanced usage with labels, controlled state, and grouped checkboxes
## Usage Example
```typescript
// Basic checkbox story
export const Default: Story = {
args: {},
};
// Checkbox with label integration
export const WithLabel: Story = {
render: (args) => (
),
};
// Controlled state management
export const Controlled: Story = {
render: function ControlledCheckbox() {
const [checked, setChecked] = useState(false);
return (
setChecked(value === true)}
/>
);
},
};
```
The stories cover all checkbox states including default, checked, disabled, controlled usage, grouped selections, and comprehensive variant displays for design system documentation.