| title | Overview |
|---|---|
| description | Overview of the shared librarycomponents |
import Flex from '@components/Flex.astro'; import Panel from '@components/Panel.astro';
A flexible set of interactive building blocks, such as actions, containment, navigation, text, and selection elements, thought to create unique tailored commerce user interfaces.
The SDK provides the following collection of reusable UI components:
- Accordion - Expandable content sections
- ActionButton - Button with loading states
- ActionButtonGroup - Group of action buttons
- AlertBanner - Notification banner
- Breadcrumbs - Navigation breadcrumbs
- Button - Basic button component
- Card - Content container
- CartItem - Shopping cart item
- CartList - Shopping cart list
- Checkbox - Checkbox input
- ColorSwatch - Color selection swatch
- ContentGrid - Grid layout for content
- Divider - Horizontal divider
- Field - Form field wrapper
- Header - Page header
- Icon - SVG icon component
- IllustratedMessage - Illustration with text
- Image - Image component
- ImageSwatch - Image selection swatch
- Incrementer - Incrementer component
- InlineAlert - Inline alert component
- Input - Text input field
- InputDate - Date input field
- InputFile - File upload input
- InputPassword - Password input field
- Modal - Modal component
- Pagination - Page navigation
- Picker - Selection picker
- Price - Price display
- PriceRange - Price range display
- ProgressSpinner - Loading indicator
- RadioButton - Radio button input
- Skeleton - Loading placeholder
- Tag - Label tag
- TextArea - Multi-line text input
- TextSwatch - Text selection swatch
- ToggleButton - Toggle switch button
By using these components, you can create a consistent and engaging user experience across your application. Each component is designed to be flexible and customizable, allowing you to tailor the UI to your specific needs and brand.