Fieldset

import { Fieldset } from '@hanzo/ui/product'

Types

export type FieldsetProps = {
  /** The legend. Sentence case — it names a group, it is not a headline. */
  title?: string
  /** Optional glyph before the legend, at the legend's own size. */
  icon?: ReactNode
  /** One line under the legend saying what the group is for. */
  description?: string
  /** Right-aligned control on the legend line (a link, a small action). */
  action?: ReactNode
  /** The destructive register — irreversible actions only. */
  danger?: boolean
  /**
   * Share the width of a ROW of groups instead of taking all of it. Default
   * false, which is the settings page: one group per line, full width.
   *
   * A settings page is a column, but a settings TAB is often two — "Profile"
   * beside "Password", "Region" beside "Limits" — and a group with no way to
   * flex forced every such layout to wrap the group in a sizing box of its own.
   */
  grow?: boolean
  /** Floor for the group's width when it is sharing a row. Default 280. */
  minW?: number
  children: ReactNode
}

Exports