Button

Trigger actions and navigation with accessible, styled buttons.

The Button primitive provides consistent styling and behavior across all button variations in LoveUI.

Examples

Basic buttons

Button variants

Sizes

With icons

States

Props

The Button component accepts all standard HTML button attributes plus:

color - Color variant (e.g., "blue", "emerald", "rose")
outline - Outline style variant
plain - Minimal ghost style

Base Components

Foundational LoveUI building blocks exposed from the loveui package.

Link

Styled anchor element for navigation.

On this page

Button variants