Fieldset

Fieldset is a container component for grouping related form elements. It provides a visual boundary with an optional legend to identify the group's purpose.

Basic Usage

Contact Info
Code Example
Basic.vue

Fieldset

The Fieldset component is a container for grouping related form elements. It provides a visual boundary with an optional legend to identify the group's purpose.

Fieldset Props Type Description
is
string

Allows changing the element tag. Default is fieldset.

legend
string

Text content for the fieldset legend. If not provided, you can use the legend slot instead.

Fieldset Slots Description
default

The default slot. Place form elements and other content here.

legend

Slot for custom legend content. Only used when the legend prop is not provided.

Examples

Below are additional usage examples for the Fieldset component. For basic usage, see the intro.

Multiple Inputs

Shows a fieldset grouping multiple labeled input fields, matching the daisyUI example.

Page details
Code Example
MultipleInputs.vue