Esenii

Buttons

Expressive, responsive button styles with customizable sizes, states, and themes.

Primary

<button class="bg-green-600 hover:bg-green-500">

Secondary

<button class="bg-sky-600 hover:bg-sky-500">

Variants

Color Variants

@for color in ['red', 'amber', 'emerald', 'teal', 'indigo', 'purple'] { }

Shape Variants

React Usage Example

                
import Button from '@esenii/ui/Button';

function Example() {
  return (
    

      
      
    

  );
}