Sheet

A drawer that slides in from any side of the screen.

Installation

Copy the command below and run it in your terminal.

bunx @sivir/ui add sheet

Usage

Import Sheet and compose it with sub-components:

import * as Sheet from '$lib/sivir/components/sheet';

<Sheet.Root>
  <Sheet.Trigger>Open</Sheet.Trigger>
  <Sheet.Content>
    <Sheet.Header>
      <Sheet.Title>Title</Sheet.Title>
    </Sheet.Header>
    {/* content */}
  </Sheet.Content>
</Sheet.Root>

Examples

Sheet with different sides and compositions.

Left side