Y
Yhooi2
/
shadcn-glass-ui-library
/
lib
Files
Code
Info
Form Field Wrapper
form-field-wrapper
Unified wrapper for form controls with label, validation states, and messages. * Eliminates code duplication across InputGlass, SliderGlass, ComboBoxGlass, etc. * * Handles:
Interactive Card
interactive-card
Unified wrapper for card components with hover animations and glass effects. * Eliminates hover state duplication in MetricCardGlass, YearCardGlass, * AICardGlass, RepositoryCardGlass, and other card components. * * Features:
Touch Target
touch-target
Ensures minimum touch target size compliance with Apple Human Interface Guidelines. * Wraps interactive elements to guarantee accessibility on touch devices. * * Apple HIG recommends minimum 44×44pt (44×44px) touch targets. * Material Design recommends 48×48dp for better accessibility. * * @see https://developer.apple.com/design/human-interface-guidelines/layout
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Form Field Wrapper
form-field-wrapper
Unified wrapper for form controls with label, validation states, and messages. * Eliminates code duplication across InputGlass, SliderGlass, ComboBoxGlass, etc. * * Handles:
Interactive Card
interactive-card
Unified wrapper for card components with hover animations and glass effects. * Eliminates hover state duplication in MetricCardGlass, YearCardGlass, * AICardGlass, RepositoryCardGlass, and other card components. * * Features:
Touch Target
touch-target
Ensures minimum touch target size compliance with Apple Human Interface Guidelines. * Wraps interactive elements to guarantee accessibility on touch devices. * * Apple HIG recommends minimum 44×44pt (44×44px) touch targets. * Material Design recommends 48×48dp for better accessibility. * * @see https://developer.apple.com/design/human-interface-guidelines/layout
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information