Section

A semantic <section> element for grouping related content with an optional heading.

Install

npx @vultra/cli add section

Usage

<script>
  import { Section } from '@vultra/ui';
</script>

<Section title="Features">
  <p>Describe your product features here.</p>
</Section>

Props

PropTypeDefaultDescription
titlestring-Section heading text
classstring-Additional CSS classes

Slots

SlotDescription
defaultSection content

Accessibility

  • Renders as <section> with aria-labelledby pointing to the heading.
  • Screen readers can navigate by section landmarks.