Custom Components Library
A collection of reusable UI components built with accessibility and customization in mind
Button Variants
Different button styles for various use cases and importance levels
Primary
Secondary
Outline
Ghost
Button with Icons
Buttons can include icons to enhance visual communication
Left Icon
Right Icon
ThemedContainer Component
A flexible container component that adapts to the current theme with various configuration options
Default Border Variant
Default container with border that adapts to the current theme (gray-200 in light mode, gray-700 in dark mode).
Card Variant
Card-style container with background color that adapts to the current theme.
Borderless Variant
Container without borders, but with custom background color.
Small Rounded Corners
Container with smaller rounded corners (rounded-sm).
Extra Large Shadow
Container with larger shadow that adapts to the current theme.
Hover Effect
Container with hover effect (shadow grows on hover).