Buttons
Tlačítka pro akce a navigaci.
Primary
Outline
With icon (default right)
With icon on the left side
Size - sm
Size - xs
Icon only
Icon only - sm
Icon only - xs
Form button
Button as link
Button as span
Button as span
Assign extra class and ID
Full width
Full width on mobile breakpoint
Primary disabled
Outline disabled
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | - | Button label text |
variant | 'primary' | 'outline' | 'outline-tertiary' | 'transparent' | 'primary' | Button visual style |
size | 'xs' | 'sm' | 'md' | 'lg' | 'md' | Button size |
url | string | - | URL for link buttons |
tag | 'button' | 'a' | 'span' | auto | HTML tag to render |
type | 'button' | 'submit' | 'reset' | 'button' | Button type for forms |
blank | boolean | false | Open link in new tab |
disabled | boolean | false | Disabled state |
animation | 'right' | 'zoom' | 'left' | 'down' | - | Hover animation |
icon | IconProps | - | Icon configuration |
iconBefore | boolean | false | Place icon before title |
iconOnly | boolean | false | Show only icon |
fullWidth | boolean | false | Full width button |
fullWidthMobile | boolean | false | Full width on mobile only |
id | string | - | Button ID attribute |
className | string | - | Additional CSS classes |
onClick | () => void | - | Click handler |