Sheet

shellui add sheet

<Button OnClick="() => isOpen = true">Open Sheet</Button>

<Sheet IsOpen="@isOpen" IsOpenChanged="@((v) => isOpen = v)" Title="Sheet Title" Description="Manage your settings here.">
  <p>Sheet content goes here.</p>
</Sheet>

@code {
    private bool isOpen = false;
}

<Sheet IsOpen="@isOpen" IsOpenChanged="@((v) => isOpen = v)" Side="SheetSide.Right" Title="Right Sheet">
  <p>Slides in from the right.</p>
</Sheet>

<Sheet IsOpen="@isOpen" IsOpenChanged="@((v) => isOpen = v)" Side="SheetSide.Left" Title="Navigation">
  <nav class="space-y-2">
    <a href="/dashboard" class="block">Dashboard</a>
    <a href="/settings" class="block">Settings</a>
  </nav>
</Sheet>

<Sheet IsOpen="@isOpen" IsOpenChanged="@((v) => isOpen = v)" Side="SheetSide.Top" Title="Notifications">
  <p>Slides down from the top.</p>
</Sheet>

<Sheet IsOpen="@isOpen" IsOpenChanged="@((v) => isOpen = v)" Side="SheetSide.Bottom" Title="Details">
  <p>Slides up from the bottom.</p>
</Sheet>

<Button OnClick="() => isOpen = true">Edit Profile</Button>

<Sheet IsOpen="@isOpen" IsOpenChanged="@((v) => isOpen = v)" Title="Edit Profile" Description="Update your profile information.">
  <div class="space-y-4 py-4">
    <div class="space-y-2">
      <Label>Name</Label>
      <Input @bind-Value="name" />
    </div>
    <div class="space-y-2">
      <Label>Email</Label>
      <Input @bind-Value="email" Type="email" />
    </div>
    <Button OnClick="HandleSave">Save Changes</Button>
  </div>
</Sheet>

@code {
    private bool isOpen = false;
    private string name = "";
    private string email = "";

    private void HandleSave()
    {
        // Save logic
        isOpen = false;
    }
}