Button

Displays a button or a component that looks like a button.

Default

The standard button component.

Variants

Use the variant input to change the button style.

Sizes

Buttons come in different sizes to fit your UI needs.

With Icons & States

Integrate icons or display loading states using spinners.

As Link

Use the hlmBtn directive on anchor tags for navigation.

GitHub Repository

Installation & Usage

Installation

Imports

Basic Skeleton

API Reference

Helm API

The button directive provides the default spartan/ui styling.

DirectiveSelectorInputs
HlmButtonbutton[hlmBtn], a[hlmBtn]
  • variant: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link'
  • size: 'default' | 'xs' | 'sm' | 'lg' | 'icon' | 'icon-xs' | 'icon-sm' | 'icon-lg'