Documentation / User Interface
Inline SVG icon system and usage rules.
Icons are React SVG components in components/icons.tsx.
They share a base helper for viewBox, fill, stroke, stroke width, and line cap settings.
Use existing icon components in buttons, menus, stats, and feature controls.
When adding a sidebar icon, update both the NavIcon type in lib/navigation.ts and iconMap in components/app-shell.tsx.
Other topics in the User Interface category.
Color tokens, light mode, dark mode, primary color customization, and focus state rules.
9 minUser InterfaceCustomizerTheme mode, primary color, semi dark menu, and content width behavior.
7 minUser InterfaceResponsive DesignDesktop, tablet, and mobile layout rules used across the app.
6 min