Preferences fieldset
import { Checkbox, FieldLegend, Fieldset, Label } from "@combric/react";
export function Example() {
return <Fieldset><FieldLegend>Preferences</FieldLegend><Label><Checkbox /> Weekly summary</Label></Fieldset>;
}Fieldset
Styled native fieldset and legend composition.
@combric/react · v1.1.1 · Current
Import and usage
import { Fieldset, FieldLegend } from "@combric/react";Load the native stylesheet with @import "@combric/react/css";. This path does not require Tailwind.
Examples
Disabled fieldset
import { Checkbox, FieldLegend, Fieldset, Label } from "@combric/react";
export function Example() {
return <Fieldset disabled><FieldLegend>Preferences</FieldLegend><Label><Checkbox defaultChecked /> Weekly summary</Label></Fieldset>;
}Public API
| Name |
|---|
Fieldset |
FieldLegend |
| Property / capability | Published contract |
|---|---|
| Contract | Native fieldset and legend props |
| Contract | disabled propagation |
Accessibility
Preserves native grouping, naming, and disabled semantics.
CSS and customization
Combric classes and canonical --combric-* variables provide the package presentation. Consumer className extends the required class; it does not replace the component contract.