FieldSet

View Source

Used to group several controls as well as labels within a web form.

render(
  <Card width={40}>
    <FieldSet legend="General">
      <Checkbox label="Titles" />
      <Checkbox label="Service Times" />
      <Checkbox label="Item Lengths" />
    </FieldSet>

    <FieldSet legend="Item Types">
      <Checkbox label="Regular Items" />
      <Checkbox label="Media" />
      <Checkbox label="Songs" />
      <Checkbox label="Headers" />
    </FieldSet>
  </Card>
)

render(
  <Card width={40}>
    <FieldSet legend="General">
      <Checkbox label="Titles" />
      <Checkbox label="Service Times" />
      <Checkbox label="Item Lengths" />
    </FieldSet>
    <FieldSet legend="Item Types">
      <Checkbox label="Regular Items" />
      <Checkbox label="Media" />
      <Checkbox label="Songs" />
      <Checkbox label="Headers" />
    </FieldSet>
  </Card>
)

Props

Themeable

Accepts StackView props.

Use the fieldSet key in ThemeProvider to customize the default properties of this component.

childrenReactReactNode

headingPropsComponentProps

Accepts any valid Heading props.

helpContentToolbarProps['helpContent']

Maps to internal Toolbar prop.

legendReactNode

Title of fieldset group.

minCellWidthTileViewProps['minCellWidth']

Maps to internal TileView prop.

spacingTileViewProps['spacing']

Maps to internal TileView prop.

tileViewPropsTileViewProps

Accepts any valid TileView props.

Props

PreviousField NextForm