Retroui Svelte
Github

Sheet

Extends the Dialog component to display content that complements the main content of the screen.

Docs API Reference Component Source


Installation

npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/sheet.json


Usage

		<script lang="ts">
 import * as Sheet from "$lib/components/ui/sheet/index.js";
</script>
 
<Sheet.Root>
 <Sheet.Trigger>Open</Sheet.Trigger>
 <Sheet.Content>
  <Sheet.Header>
   <Sheet.Title>Are you sure absolutely sure?</Sheet.Title>
   <Sheet.Description>
    This action cannot be undone. This will permanently delete your account
    and remove your data from our servers.
   </Sheet.Description>
  </Sheet.Header>
 </Sheet.Content>
</Sheet.Root>

Examples

Side