@urban-ui/button-extras
control | button-extras
Additional button examples. These extend the default button package to cover more use-cases. They can be used as examples of extending the button package or as standalone button types.
## Getting started
pnpm add -S @urban-ui/button-addonsWork button
import {ReloadIcon} from '@radix-ui/react-icons'
import {Box} from '@urban-ui/box
import {WorkButton} from '@urban-ui/button-extras'
export function MyComponent() {
return (
<WorkButton
isWorking={true}
icon={<Box size={15}><ReloadIcon /></Box>}
onClick={() => {}}
>
Working
</LoadiWorkButtonngButton>
)
}| Prop | Type | Description |
|---|---|---|
| isWorking | boolean | Controls whether the icon is visible |
| icon | React.ReactNode | icon to render |
| ...props | Button props | Urban-ui button props |