Input
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Display
Emily Chen
Product Designer
| Name | Role | Status |
|---|---|---|
| Alice | Admin | Active |
| Bob | Editor | Draft |
| Add tests | Med |
| Fix login bug | High |
| Update docs | Low |
Feedback
Heads up!
Navigation
Layout
Component
Patterns
Patterns
Patterns
Patterns
Patterns
Patterns
Patterns
Patterns
Patterns
Card Title
Card Description
Patterns
Patterns
Patterns
Patterns
Heads up!
Error
Patterns
Patterns
Patterns
Patterns
Patterns
Patterns
Dropdown selection control with search and multi-select support.
Patterns
A set of checkable buttons where only one can be checked at a time.
Patterns
A date field component with calendar popup.
Patterns
A date picker with range and preset support.
Patterns
Autocomplete input with searchable dropdown. Click the preview to try it.
Patterns
One-time password input with auto-advance.
Patterns
A group of toggle buttons supporting single or multiple selection.
Patterns
Responsive table with sorting and row selection.
Patterns
Displays content within a fixed aspect ratio container.
Patterns
Advanced table with pagination, sorting, and filtering.
Patterns
A carousel with motion and swipe support.
Patterns
A modal dialog for important confirmations.
Patterns
A modal overlay with focus trapping and backdrop.
Patterns
Temporary notification messages with auto-dismiss.
Patterns
Navigation breadcrumb trail with separator support.
Patterns
Accessible dropdown menu with submenus and keyboard navigation.
Patterns
Right-click context menu with nested items.
Patterns
Command palette with search and keyboard shortcuts.
Patterns
Page navigation with previous/next and page numbers.
Patterns
Horizontal menu bar with dropdown menus.
Patterns
Site navigation with mega-menu dropdown support.
Patterns
Expandable/collapsible content section.
Patterns
Side panel overlay that slides in from the edge.
Patterns
Bottom drawer with drag-to-dismiss gesture.
Patterns
Floating content panel with arrow pointer.
Patterns
Informational popup shown on hover or focus.
Patterns
Rich content preview on hover.
Patterns
Custom scrollbar container with cross-browser support.
Patterns
Resizable panel layout with drag handles.
Patterns
Renders children into a different part of the DOM tree.