Components
Explore our collection of reusable, accessible, and customizable components. Each component is built with Svelte 5 and designed for modern web applications.
Accordion
StableCollapsible content sections for organizing information
Avatar
StableDisplay user profile pictures or initials
Badge
StableSmall status indicators for displaying metadata
Breadcrumb
StableNavigation helper showing page hierarchy
Button
StableInteractive element for triggering actions
Checkbox
StableSelection control for multiple choices
Collapsible
StableShow and hide content with smooth transitions
Combobox
BetaSearchable dropdown for selecting from options
DataGrid
BetaAdvanced data table with sorting and filtering
Dialog
StableModal dialogs for important user interactions
Divider
StableVisual separator for content sections
Dropdown
StableDropdown menu for actions and navigation
Form
BetaForm controls with validation and layout
Icon
StableScalable vector icons for UI elements
Input
StableText input fields with various types
Label
StableLabels for form controls and content
Link
StableStyled links for navigation and actions
List
BetaOrganized lists with various styles
Menu
BetaNavigation menu with nested items
Popover
BetaFloating content container
Portal
StableRender content outside component tree
Radio
BetaSingle selection from multiple options
Sidebar
BetaCollapsible navigation sidebar
Slideover
BetaSide panel that slides into view
Slider
BetaRange input for selecting values
Switch
BetaToggle control for binary choices
Tabs
BetaOrganize content in tabbed interface
Textarea
BetaMulti-line text input field
Tooltip
BetaContextual help text on hover
Tree
BetaHierarchical data display
Need a Custom Component?
Don't see what you're looking for? Atomic SV is designed to be extensible. You can easily create custom components using our building blocks.