Overview The component registry is a machine-readable JSON file that describes all Kumo components, their props, variants, examples, and semantic tokens. It's designed for AI agents, code generators, and other tooling.
View JSON API
Accessing the Registry Via CLI # List all components npx kumo-svelte ls # Get docs for a specific component npx kumo-svelte doc Button Via HTTP API # JSON endpoint curl https://kumo-ui.com/api/component-registry Via jq (Local) # Get Button props jq '.components.Button.props' packages/kumo/ai/component-registry.json # List components by category jq '.search.byCategory' packages/kumo/ai/component-registry.json Registry Contents The registry includes: component props with types and defaults, variant
options with descriptions, real code examples from stories, semantic color
tokens used, and sub-components for compound patterns.
42 components
8 categories
v 0.3.0
All Action Display Feedback Input Layout Navigation Other Overlay
Autocomplete A free-form text input with an optional filtered suggestion list. Unlike Combobox, the value is not constrained to the items list.
+ Badge Displays a small label for status, categorization, or metadata.
+ Banner Displays contextual inline messages for informational, alert, or error states.
+ Breadcrumbs A navigation component that shows the current page's location within a navigational hierarchy.
+ Button Displays a button or a component that looks like a button.
+ Checkbox A control that allows the user to toggle between checked and not checked. Features built-in label support with automatic horizontal layout.
+ ClipboardText A text component with a copy-to-clipboard button.
+ CloudflareLogo Official Cloudflare logo component with glyph and full logo variants.
+ Code Syntax-highlighted code blocks powered by Shiki and styled with Kumo colors.
+ Collapsible A composable disclosure component for showing and hiding content.
+ Combobox A searchable select component that allows users to filter and select from a list of options.
+ CommandPalette A composable command palette component for search and command dialogs.
+ DatePicker A date selection calendar supporting single, multiple, and range selection modes.
+ Dialog A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
+ DropdownMenu Displays a menu to the user—such as a set of actions or functions—triggered by a button.
+ Empty A component to display when there's no content or data to show, with optional command line and actions.
+ Flow A group of components for building directed flow diagrams with nodes and connectors.
+ Grid A responsive grid layout component for organizing content into columns.
+ Input A text input field for user input with built-in label, description, and error support.
+ InputArea A multi-line text input for longer content with built-in label, description, and error support.
+ InputGroup Compose inputs with addons, icons, buttons, and text for rich form fields.
+ Label A label component for form fields with support for required/optional indicators and tooltips.
+ LayerCard A card component with a layered visual effect, perfect for navigation or feature highlights.
+ Link A styled anchor component for inline text links with multiple variants and composition support.
+ Loader A loading spinner to indicate loading state.
+ MenuBar A horizontal menu bar with icon buttons, commonly used for text editors or toolbars.
+ Meter A progress/percentage meter component for displaying numeric values within a known range.
+ Pagination A page navigation component for navigating through paginated content.
+ Popover An accessible popup anchored to a trigger element, used for displaying rich content like menus, forms, or additional information.
+ Radio A control that allows the user to select one option from a set. Always used within a Radio.Group.
+ Select Displays a list of options for the user to pick from—triggered by a button.
+ SensitiveInput A masked input for sensitive values like API keys and passwords. Click to reveal.
+ Sidebar A composable sidebar navigation component with contained layouts, peeking, sliding views, resizing, icon-only mode, and responsive mobile support.
+ SkeletonLine A skeleton loading placeholder for text content.
+ Switch A two-state button that can be either on or off.
+ Table A table component for displaying tabular data with support for selection, row variants, and column sizing.
+ TableOfContents Presentational compound component for section navigation with an active indicator bar.
+ Tabs A set of layered sections of content, known as tab panels, displayed one at a time.
+ Text A typography component for various heading and copy styles.
+ Toast A notification system for displaying brief, non-intrusive messages to users.
+ Toolbar Compose explicit toolbar controls into one clean grouped card.
+ Tooltip A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
+