Fieldset

A native fieldset element with a legend.

Installation

pnpm dlx shadcn-svelte@latest add https://coss-sv.vercel.app/r/fieldset.json

Usage

<script lang="ts">
  import * as Fieldset from "$lib/components/ui/fieldset/index.js";

  const uid = $props.id();
  const legendId = `${uid}-legend`;
</script>

<Fieldset.Root {legendId}>
  <Fieldset.Legend id={legendId}>Fieldset legend</Fieldset.Legend>
</Fieldset.Root>

API Reference

Fieldset.Root

Root component. Styled wrapper for Fieldset.Root from Shards UI with native fieldset semantics.

Fieldset.Legend

Legend for the fieldset. Styled wrapper for the Shards UI fieldset legend with semibold font weight.