<IconButton> <Icons.IconX /> </IconButton>
<IconButtonWithborder type={type} isUnread={boolean} disabled={boolean}> <Icons.IconX /> </IconButtonWithborder>
disabled="true"
to disable pointer events and tweak appearance for disabling a buttonType | Default | Unread | Disabled |
---|---|---|---|
— | |||
primary | |||
secondary | |||
success | |||
danger | |||
warning | |||
muted-border | |||
fg |
<Button type={type} size={size} isActive={true} disabled={boolean}> {capitalizeFirstLetter(type)} </Button>
disabled="true"
to disable pointer events and tweak appearance for disabling a buttonisActive
Type | Default | Active | Disabled |
---|---|---|---|
primary Sizes: {26 | 32 | 40} | |||
secondary Sizes: {26 | 32 | 40} | |||
success Sizes: {26 | 32 | 40} | |||
danger Sizes: {26 | 32 | 40} | |||
warning Sizes: {26 | 32 | 40} | |||
link Sizes: {26 | 32 | 40} | |||
muted Sizes: {26 | 32 | 40} | |||
disabled Sizes: {26 | 32 | 40} |