Fieldset | React - AX HUI Design System

Fieldset

Display a collection of related information in a single unit.

Basic

Add custom buttons.

Custom Text

Representation in different situations.

Tabs

Show multiple Fieldset.

With Divider

Use Divider and Fieldset.Content to combine different layouts.

APIs

`Fieldset.Props`

Attribute	Description	Type	Accepted values	Default
value	unique ident value (only in group)	`string`	-	-
label	group tab text (only in group)	`string`	-	-
title	title of fieldset	`ReactNode` / `string`	-	-
subtitle	subtitle of fieldset	`ReactNode` / `string`	-	-
...	native props	`FieldsetHTMLAttributes`	`'name', 'className', ...`	-

`Fieldset.Content.Props`[alias: `Fieldset.Body`]

Attribute	Description	Type	Accepted values	Default
...	native props	`HTMLAttributes`	-	-

`Fieldset.Footer.Props`

Attribute	Description	Type	Accepted values	Default
...	native props	`HTMLAttributes`	-	-

`Fieldset.Group.Props`

Attribute	Description	Type	Accepted values	Default
value	selected tab value	`string`	-	-
onChange	change tab event	`(value: string) => void`	-	-
...	native props	`HTMLAttributes`	-	-