Field

Pair a label, control, and supporting text.

Examples

Install the package, then import only the components a route uses. Exports are tree-shakable.

Install

pnpm add fractalsvelte

Import

<script lang="ts">
	import { Field } from 'fractalsvelte';
</script>

<script lang="ts">
	import { Field } from 'fractalsvelte';
</script>

<Field />

Prop	Type	Default	Description
`label`	`string`	`-`	Accessible label for the trigger.
`description`	`string`	`-`	Supporting text shown beneath the title.
`error`	`string`	`-`	Validation message shown below the control.
`for`	`string`	`-`	id of the control the label points at.
`orientation`	`'vertical' \| 'horizontal'`	`'vertical'`	Controls the label and control layout.