5.0.0 • Published 5 months ago

@spark-web/fieldset v5.0.0

Weekly downloads
-
License
-
Repository
github
Last release
5 months ago

title: Fieldset storybookPath: forms-fieldset--default

isExperimentalPackage: true

Use the Fieldset to group thematically related controls in a form.

<Fieldset legend="Billing address">
  <Stack gap="small">
    <Field label="Street">
      <TextInput />
    </Field>
    <Field label="City">
      <TextInput />
    </Field>
    <Field label="State">
      <Select
        onChange={() => {}}
        options={[
          { label: 'New South Wales', value: 'NSW' },
          { label: 'Victoria', value: 'VIC' },
          { label: 'Queensland', value: 'QLD' },
          { label: 'South Australia', value: 'SA' },
          { label: 'Western Australia', value: 'WA' },
          { label: 'Tasmania', value: 'TAS' },
          { label: 'Northern Territory', value: 'NT' },
          { label: 'Australian Capital Territory', value: 'ACT' },
        ]}
      />
    </Field>
    <Field label="Postcode">
      <TextInput />
    </Field>
  </Stack>
</Fieldset>

Example

Legend

Provide a caption that describes the set of form fields.

<Fieldset legend="Name">
  <Columns gap="small">
    <Field label="First" labelVisibility="hidden">
      <TextInput placeholder="e.g. Jane" />
    </Field>
    <Field label="Last" labelVisibility="hidden">
      <TextInput placeholder="e.g. Smith" />
    </Field>
  </Columns>
</Fieldset>

Props

2.0.0-rc.19

7 months ago

2.0.0-rc.2

7 months ago

2.0.0-rc.3

7 months ago

2.0.0-rc.17

7 months ago

2.0.0-rc.4

7 months ago

2.0.0-rc.18

7 months ago

2.0.0-rc.5

7 months ago

2.0.0-rc.15

7 months ago

2.0.0-rc.16

7 months ago

5.0.0

5 months ago

2.0.0-rc.13

7 months ago

2.0.0-rc.0

7 months ago

2.0.0-rc.14

7 months ago

2.0.0-rc.1

7 months ago

2.0.0-rc.11

7 months ago

2.0.0-rc.12

7 months ago

5.0.0-rc.24

6 months ago

2.0.0-rc.10

7 months ago

5.0.0-rc.25

5 months ago

5.0.0-rc.26

5 months ago

5.0.0-rc.27

5 months ago

5.0.0-rc.28

5 months ago

5.0.0-rc.29

5 months ago

2.0.0-rc.6

7 months ago

2.0.0-rc.7

7 months ago

2.0.0-rc.8

7 months ago

2.0.0-rc.9

7 months ago

5.0.0-rc.31

5 months ago

2.0.0-rc.20

6 months ago

2.0.0-rc.21

6 months ago

1.2.0

1 year ago

1.1.6

3 years ago

1.1.5

3 years ago

1.1.4

3 years ago

1.1.3

3 years ago

1.1.2

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago