<Button />
Button
src/components/buttons.tsx
Import
import { Button } from "@ossrandom/design-system";
Examples
<Space size="sm">
<Button
variant="primary"
/>
<Button
variant="secondary"
/>
<Button
variant="ghost"
/>
<Button
variant="danger"
/>
<Button
variant="link"
/>
</Space>
<Space size="sm">
<Button
size="xs"
/>
<Button
size="sm"
/>
<Button
size="md"
/>
<Button
size="lg"
/>
</Space>
<Space size="sm">
<Button />
<Button
disabled
/>
<Button
loading
/>
</Space>
API
extends BaseProps
| Prop | Type |
|---|---|
variant |
ButtonVariant |
size |
Size |
shape |
ButtonShape |
loading |
boolean |
disabled |
boolean |
block |
boolean |
iconLeft |
ReactNode |
iconRight |
ReactNode |
type |
"button" | "submit" | "reset" |
children |
ReactNode |
onClick |
(e: MouseEvent<HTMLButtonElement>) => void; |