Skip to content
Nockerl
Design
v2.0.0
Search
Ctrl
K
Cancel
Select theme
Dark
Light
Auto
Getting started
Installation
Principles
Foundations
Color
Typography
Spacing
Radius
Elevation & depth
Motion
Gradients
Iconography
Design laws
Platform gotchas
Conformance
Components
Actions
Overview
Button
Icon button
FAB
Segmented control
Split button
Toolbar
Link / text action
Inputs & forms
Overview
Text field
Text area
Search field
Select / dropdown
Combobox / autocomplete
Multi-select
Checkbox
Radio group
Switch / toggle
Slider / range
Stepper / number input
Date picker / calendar
Time picker
Date range picker
File upload / dropzone
OTP / PIN input
Field validation
Form layout
Containers & surfaces
Overview
Card
Panel / well
Bottom sheet
Dialog / modal
Popover
Tooltip
Accordion / expander
Drawer / side panel
Divider
App shell / scaffold
Feedback & status
Overview
Banner / inline alert
Info block / callout
Toast / snackbar
Progress bar
Spinner / loading
Skeleton loader
Empty state
Status dot / badge
Data display & lists
Overview
List item
Chip
Keyboard key
List / virtualized list
Table / data grid
Tree / file tree
Avatar
Badge / tag
Stat / metric card
Chart / sparkline
Key-value / description list
Code block
Diff viewer
Markdown content
Timeline / activity feed
Navigation
Overview
Top bar / app bar
Tabs
Breadcrumbs
Sidebar / nav rail
Menu / context menu
Pagination
Wizard / process steps
Command palette
Dev console
Overview
Dev status bar
Dev tab bar
File explorer
Code panel
Nockerl signature surfaces
Overview
Chat input
Approval content
Chat message bubble
Gateway / agent message
Tool-call card
Faceted background
Recording HUD
Long-press pop menu
Floating pill controls
Context gauge / right rail
Job notification row
Cluster status grid
Todo widget
Brand mark / logo
Composition contracts
Review queue
Select theme
Dark
Light
Auto
Date range picker
Draft
Demo
Section titled “Demo”
Renders here, at the top, once designed.
Code
Section titled “Code”
Pending.
Parameters
Section titled “Parameters”
Pending.