Collapsible rail

Full-height column that collapses to a 68px icon rail, with tooltips standing in for the labels it drops.

Id: sidebar-01
Files: 3 to copy
Components: 6

—px

Installation

One package covers every block on this site — the files below are yours the moment it is installed. Copy them into your project and edit them; nothing here is imported from a registry you have to keep in step with.

npm install kipui

import { Avatar, Badge, Button, Kbd, Separator, Tooltip } from "kipui";

Peer dependencies

react 19

react-dom 19

tailwindcss 4

Bundled dependencies

None beyond the peers above.

Built with

Every control in this block is a shipped component. Nothing is hand-rolled around the library, so restyling one of these restyles the block with it.

Avatar
Badge
Button
Kbd
Separator
Tooltip