Fieldset

Groups several controls as well as labels within a web form.

Preview

Loading Preview...

bun add xiod-ui

1import { Fieldset, FieldsetLegend } from "xiod-ui/fieldset";

1<Fieldset>2  <FieldsetLegend />3</Fieldset>

Detailed documentation of properties and options.

Prop	Type	Default	Description
`className`	`string` \|`((state: FieldsetRootState) => string` \|`undefined)` \|`undefined`	-	CSS class applied to the element, or a function that returns a class based on the component's state.
`render`	`ReactElement<unknown, string` \|`JSXElementConstructor<any>>` \|`ComponentRenderFn<HTMLProps, FieldsetRootState>` \|`undefined`	-	Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render.
`style`	`CSSProperties` \|`((state: FieldsetRootState) => CSSProperties` \|`undefined)` \|`undefined`	-	Style applied to the element, or a function that returns a style object based on the component's state.

Prop	Type	Default	Description
`className`	`string` \|`((state: FieldsetLegendState) => string` \|`undefined)` \|`undefined`	-	CSS class applied to the element, or a function that returns a class based on the component's state.
`render`	`ReactElement<unknown, string` \|`JSXElementConstructor<any>>` \|`ComponentRenderFn<HTMLProps, FieldsetLegendState>` \|`undefined`	-	Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render.
`style`	`CSSProperties` \|`((state: FieldsetLegendState) => CSSProperties` \|`undefined)` \|`undefined`	-	Style applied to the element, or a function that returns a style object based on the component's state.