The Button component is a versatile and customizable button element that supports various styles (variants) and sizes. It provides consistent styling using class-variance-authority (cva) and follows best practices for accessibility and usability.
import { Button } from "mogora-ui"
export default function ButtonDemo() {
return (
<Button variant={"primary"}>Button</Button>
)
}
| Prop | Type | Description |
|---|---|---|
| variant | "clicki" | "danger" | "gost" | "info" | "link" | "outline" | "primary" | "secondary" | "shadow" | "success" | "warning" | Defines the visual style of the button. |
| size | "large" | "normal" | "small" | Defines the size of the button. |
| children | ReactNode | The content inside the button. |
| className | string | Additional custom classes. |
| ...props | ButtonHTMLAttributes<HTMLButtonElement> | Accepts standard button attributes. |