Components
Browse all ShellUI components organized by category
Explore ShellUI v0.2.1's component library, organized by category. Each component is fully accessible, type-safe, and customizable.
Component Categories
Form Components (11)
Button, Input, Textarea, Select, Checkbox, RadioGroup, Switch, Toggle, Label, Slider
Layout Components (17)
Card, Tabs, Navbar, Sidebar, Separator, Accordion, Breadcrumb, Collapsible, Resizable
Navigation Components (8)
NavigationMenu, Menubar, Dropdown, Pagination, ScrollArea, Sheet
Data Display (10)
Table, DataTable, Badge, Avatar, Alert, Toast, Skeleton, Progress, Loading
Interactive Components (7)
Dropdown, Command, ContextMenu, HoverCard, ThemeToggle, EmptyState, FileUpload
Advanced Components (19)
Calendar, DatePicker, TimePicker, Combobox, AlertDialog, Carousel, Charts
What's New in v0.2.1
- Chart tooltip fix: Custom tooltip HTML now generates correctly in installed files
- ChartVariants namespace fix: Correctly under
ShellUI.Components.Variants chart-stylesauto-install:shellui add chartinstallscharts.csstowwwroot/css/and injects the<link>into App.razor automatically
Getting Started
To use components in your project:
# Add components via CLI
shellui add button input card table chart
# Or install via NuGet
dotnet add package ShellUI.ComponentsComponent Features
All ShellUI components include:
- Accessibility: WCAG 2.1 AA compliant
- Type Safety: Full C# type safety with CVA patterns
- Customizable: Modify components directly in your codebase
- Responsive: Mobile-first design
- Performance: Optimized for Server and WASM
- Theme-Aware: Automatic light/dark mode support