5.0.0 • Published 5 months ago
@spark-web/fieldset v5.0.0
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