Utilities

Utility functions for generating class names and styling components. These utilities provide programmatic access to the styling system, allowing you to build custom components with consistent design.

Button Utilities

Utility functions for generating button classes with variants, sizes, and styling options.

3 functions

Input Utilities

Utility functions for generating input classes with variants, sizes, and styling options.

3 functions

Loading Utilities

Utility functions for generating loading spinner classes with different types and sizes.

1 function

IconButton Utilities

Utility function for generating icon button classes with the default circular ghost button styling.

1 function

Why Use Utilities?

  • Build custom components with consistent styling from the design system
  • Programmatically generate class names based on props or state
  • Reduce duplication when creating wrapper components
  • Maintain consistency when styling third-party components or native elements
  • Get TypeScript autocompletion for available variants and sizes