Button
A button.
Importing
1
import { Button } from '@infinityfx/fluid';Usage
With icon
As a link
API reference
Button Props
round?
boolean
false
compact?
boolean
false
Reduces block and inline padding for a smaller button footprint.
size?
'xsm' | 'sml' | 'med' | 'lrg'
'med'
variant?
'default' | 'neutral' | 'inverted' | 'muted' | 'minimal'
'default'
color?
string
Custom background color override.
loading?
boolean
false
Shows a loading spinner instead of the button contents.
disabled?
boolean
false
hasIcon?
'auto' | 'start' | 'end' | 'only'
'auto'
Manually indicate whether this button has an icon to adjust it's padding. Only needed when automatic icons detection isn't possible.