Grouped rail

Driven by a menu array rather than markup: labelled sections and nested groups that expand in place when the column is wide and open as flyouts once it is a 68px rail.

Id: sidebar-04
Files: 4 to copy
Components: 7

—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,
  Input,
  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
Input
Kbd
Separator
Tooltip