Form
Button
A button element that can act as a link or trigger an action.
Features
- Buttons are themed components and are available in three sizes: small, medium, large
- Button states: default, hovered, pressed, focus, deactivated, loading
- Loading animation: Simple spinner with dots
Usage
Primary Button
Primary Button
<LButton />
Primary Secondary
Primary Secondary
<LButton />
Button Sizes
Button Primary Small
<LButton />
Button Primary Medium
<LButton />
Button Primary Medium
<LButton />
Button Variants
TODO
Button with Icons
A button can have icons of different kind on both sides.
Button with both icons
<LButton />
Button with Loading Animation
Submitting a Button can force a loading state. An Icon Button can have a loader as well.
Button with loading Animation
<LButton />
Icon Button with loading Animation
<LButton />