Aside

Semantic aside element for sidebar content or information tangentially related to the main content.

Install

npx @vultra/cli add aside

Usage

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

<Aside>
  <p>Related information goes here.</p>
</Aside>

Props

Prop	Type	Default	Description
class	string	-	Additional CSS classes

Slots

Slot	Description
default	Aside content

Accessibility

• Renders as <aside>, which is semantically associated with tangential content.
• Screen readers will announce this region as complementary.