Alert props

Alert size

Alert variants - semantic meaning

Badge variants map to semantic meaning, not colors. This allows the color palette to evolve independently.

eSolia brand color palette

Button variants - semantic meaning, not visual

Filters and joins class names, removing falsy values

Combines class names and resolves Tailwind conflicts

Code block props

Code props

Code size

Code variant

Create an action button group (view, edit, delete pattern)

Create alert HTML string

Create alert DOM element

Create a badge DOM element

Convenience function to create multiple badges

Create a button DOM element

Create a button group container

Create a button loading state replacement

Create a card DOM element

Create inline code HTML string

Create code block HTML string

Create dropdown HTML string

Full dropdown configuration

Create a search input with icon

Create a filter select dropdown

Create header HTML string

Create an icon button DOM element

Convenience functions for common alert types

Create kbd HTML string

Create a full-container loading overlay

Create keyboard shortcut HTML (multiple keys)

Create spinner HTML string using Phosphor Icons

Create a spinner with label

Create a stat card DOM element

Create a row of stat cards

Create a styled table element

Create a table wrapper div

Create a tabs component

Draft/WIP status (special case - orange/yellow tone)

Dropdown alignment

Dropdown menu item

Item variant for special styling

Dropdown props

Dropdown variants for styling context

Favicon SVG - simplified symbol for small sizes (16x16, 32x32)

Standard favicon sizes included in each variant

Theme colors for each variant (for meta theme-color tag)

List of all available favicon variants

Favicon file paths for a variant

Favicon size type

Available favicon color variants

Focus ring styles for accessibility

Get Tailwind classes for an alert

Get content wrapper classes

Get dismiss button classes

Get icon classes for an alert

Get title classes for alerts with titles

Get Tailwind classes for a badge

Get Tailwind classes for a button

Get Tailwind classes for a card

Get Tailwind classes for code blocks

Get Tailwind classes for inline code

Generate complete meta and link tags for favicons including theme color

Get classes for dropdown container

CSS required for dropdown functionality. Add this to your page's <style> or stylesheet.

Get classes for dropdown divider

Get classes for dropdown section header

Get classes for dropdown item

Get classes for dropdown menu

Get classes for dropdown trigger

Generate HTML link tags for favicons

Get the file paths for a favicon variant

Get the theme color for a favicon variant

Get classes for filter bar container

Get classes for filter action buttons (Clear, Apply, etc.)

Get classes for filter labels

Get classes for search input container (includes icon)

Get classes for search icon

Get classes for search input field

Get classes for filter select/dropdown

Get header classes

Get CSS required for header functionality Includes dropdown CSS

Get Tailwind classes for an icon button

Get Tailwind classes for keyboard shortcuts

Get language button classes

Get logo as a data URI for use in img src attributes

Get nav link classes

Get just the icon spin class (for adding to existing icons)

Get spinner animation class

Get Tailwind classes for a spinner

Get CSS required for spinner animation. Add this to your page's <style> or stylesheet.

Get Tailwind classes for stat card container

Get Tailwind classes for stat card label

Get Tailwind classes for stat card value

Get classes for individual tab button

Get classes for count badge within tab

Get classes for draft indicator

Get classes for tbody element

Get classes for td elements

Get classes for table element

Get all table classes as an object for easy destructuring

Get classes for th elements

Get classes for thead element

Get classes for tr elements

Get classes for a table wrapper/container

Get classes for tabs container

Header props

Icon button variants - mapped to action types

Common icon SVGs (16x16 viewBox)

Interactive/Primary colors for buttons and links

Kbd props

Language toggle config

Logo configuration

eSolia horizontal logo - dark blue wordmark on transparent background

eSolia horizontal logo - white wordmark on transparent background

eSolia symbol logo - dark blue on transparent background

eSolia symbol logo - white on transparent background

Logo variant identifier for getLogoDataUri function

Navigation link

Neutral colors for UI chrome, text, and backgrounds

Spinner props

Spinner size

Spinner speed

Spinner variant

Status colors for badges, alerts, and status indicators

Switcher config (e.g., client switcher)

User info for dropdown

Create a user dropdown for headers