5.0.0 • Published 8 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
10 months ago
2.0.0-rc.2
10 months ago
2.0.0-rc.3
10 months ago
2.0.0-rc.17
10 months ago
2.0.0-rc.4
10 months ago
2.0.0-rc.18
10 months ago
2.0.0-rc.5
10 months ago
2.0.0-rc.15
10 months ago
2.0.0-rc.16
10 months ago
5.0.0
8 months ago
2.0.0-rc.13
10 months ago
2.0.0-rc.0
10 months ago
2.0.0-rc.14
10 months ago
2.0.0-rc.1
10 months ago
2.0.0-rc.11
10 months ago
2.0.0-rc.12
10 months ago
5.0.0-rc.24
8 months ago
2.0.0-rc.10
10 months ago
5.0.0-rc.25
8 months ago
5.0.0-rc.26
8 months ago
5.0.0-rc.27
8 months ago
5.0.0-rc.28
8 months ago
5.0.0-rc.29
8 months ago
2.0.0-rc.6
10 months ago
2.0.0-rc.7
10 months ago
2.0.0-rc.8
10 months ago
2.0.0-rc.9
10 months ago
5.0.0-rc.31
8 months ago
2.0.0-rc.20
9 months ago
2.0.0-rc.21
9 months ago
1.2.0
2 years 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