Build UI with Redpanda Registry components, Tailwind v4, and accessibility best practices.
Build user interfaces with the Redpanda UI Registry.
| Action | Rule |
|---|---|
| Use components | use-ui-registry.md |
| Add spacing | style-no-margin-on-registry.md |
| Customize look | style-use-variants.md |
| Use icons | icon-system.md |
FIRST: Use MCP tool mcp__redpanda-ui__search-docs or mcp__redpanda-ui__get_component
ls src/components/redpanda-ui/
src/components/redpanda-ui/mcp__redpanda-ui__get_component as first action before writing UI code@redpanda-data/ui (deprecated) - see no-legacystyle prop on registry componentsclassName directly to registry componentsIf editing files in src/components/redpanda-ui/:
// UPSTREAM: <reason>See rules/ directory for detailed guidance.