Fieldset

A container for grouping related form fields together, providing a logical organization of form elements.

Component preview

NameEmail

import * as UI from "@iyk/ui"

export default () => (
  <UI.Fieldset>
    <UI.Field name="name">
      <UI.Label>Name</UI.Label>
      <UI.Textbox />
    </UI.Field>

    <UI.Field name="email">
      <UI.Label>Email</UI.Label>
      <UI.Textbox type="email" />
    </UI.Field>
  </UI.Fieldset>
)

Props

children

React.ReactNode | React.ReactNode[]

The form fields to be grouped together within the fieldset.