Components
Browse the full set of Wuko components. Each one is themeable, accessible, and ships with full keyboard support.
Inline contextual messages for info, success, warning, and danger states. Supports an optional title and dismissible variants.
Displays a user image with a typed fallback, three size variants, and an optional presence status dot.
A small inline label for status, counts, or category tags. Six color treatments cover neutral through destructive.
Triggers an action. Five variants from primary to ghost cover the full hierarchy, with built-in loading, disabled, and icon slots.
A bordered surface for grouping related content. The neutral building block behind most composed UI in the kit.
A control that toggles between checked, unchecked, and indeterminate states. Built on Radix Checkbox with aria-invalid support and full keyboard accessibility.
An opinionated table with sorting, pagination, filtering, row selection, column visibility, and row actions. Built on @tanstack/react-table and Wuko's Table primitive.
A menu of actions or options triggered by a button. Supports items, labels, separators, shortcuts, checkbox/radio items, submenus, and a destructive variant. Built on Radix DropdownMenu.
A labeled text field with hint and error states, three size variants, and a left-icon slot. Includes a built-in password reveal.
Page navigation with previous, next, page-number, and ellipsis sub-components. A standalone primitive for paginating any list, grid, or data view.
A dropdown menu of options triggered by a button. Built on Radix Select with keyboard navigation, search-as-you-type, and trigger styling that matches Input.
A placeholder block with a subtle pulse animation. Composes via className to match the shape of any loading content.
A responsive table with header, body, footer, row, cell, head, and caption sub-components. Built on native HTML table elements with consistent border, hover, and selection states.
Composable tab primitives: Root, List, Trigger, and Content. Supports controlled and uncontrolled usage with full keyboard navigation.
A two-state on/off switch with an associated label, disabled state, and proper ARIA semantics.
A small overlay that appears on hover or focus, anchored to its trigger. Includes side and alignment controls.