Callouts are a great way to highlight important information in your documentation.

Basic Callouts

Collapsible Callouts

Usage

Import and use the Callout component:

<script>
  import Callout from '$lib/components/Callout.svelte';
</script>

<Callout type="info" title="My Title">
  Your content here...
</Callout>

Available Props

Prop	Type	Default	Description
type	string	'info'	Callout style variant
title	string	—	Custom title text
collapsible	boolean	true	Enable expand/collapse
collapsed	boolean	true	Start collapsed

Available Types

info · tip · warning · example