Sidebar — Blocks — Internal UI

UIInternal UIv0.2.2

Getting started

Alert Dialog
Calendar
Date Picker
Dialog Form
Info Wrapper
Menubar
Skeleton
Stat Tile

DataView
AppChrome
BreadcrumbBar
SecondarySidebar
Chat
ReviewQueue
Page Header
Sidebar

Invoice Context
Invoice Item
Project Plan
Subscription Context

Built By Badge
Footer
Logo
Mega Menu Cards
Mega Menu Links
Site Header
Theme Toggle

Header
Brand Footer
Robot

Layout
Brand Header
Brand Footer
Heading
Text
Button
Link
Divider
Invoice Context
Invoice Item
Project Plan
Subscription Context

useCssTokens
useMobile
usePressOrigin
useVerticalWheelChain
verticalWheelChain
useRestoreFocusOnClose

utils (cn)
format
friendly-error
color-math
motion
themes
overlay-sheet
modal-portal-host
keep-portaled-combobox
useRestoreFocusOnClose
tokens/palette

Sidebar

@randall-enterprises/ui/components/primitives/sidebar

Collapsible app rail with groups, menus, and an inset content region.

Props (6)

Inherits everything from <div> props; <ul> props; <li> props.

defaultOpenboolean

openboolean

onOpenChange(open: boolean) => void

side"left" | "right"

variant"sidebar" | "floating" | "inset"

collapsible"offcanvas" | "icon" | "none"

Library

Toggle the rail. Content lives in the inset.

← KeyValueList

Internal UI — the shared kit behind talonrandall.com, generaldesigncompany.com, and mainstreetadagency.com. Every specimen on this site renders the shipped component.