🎨 Stimulus Sheet

A beautiful slide-in panel component for modern web applications

Quick Demo

Click any button below to see the sheet component in action. Sheets slide in from the right and can be stacked!

Features

Installation

npm install github:gilles-g/sheet @hotwired/stimulus

Then import the CSS and register the controllers:

import { Application } from "@hotwired/stimulus";
import { SheetController, SheetListController } from "stimulus-sheet";
import "stimulus-sheet/dist/sheet.css";

const application = Application.start();
application.register("sheet", SheetController);
application.register("sheet-list", SheetListController);