COMPONENTS
Cornered Button
This is a button, inspired by @aliszu, with a border and darker corners. Customiseable with props, adheres to shadcn/ui styling with accessibility in mind, with button semantics and keyboard navigation.
Preview
INSTALLATION:
bunx --bun shadcn@latest add https://ui.bartoszbak.org/r/cornered-button.jsonUSAGE:
PROPS:
| Prop | Type | Default |
|---|---|---|
| asChild | boolean | false |
| size | "sm" | "md" | "lg" | "md" |
| variant | "default" | "outline" | "ghost" | "destructive" | "default" |
| corners | "on" | "off" | "on" |
| borderWidth | number | 1 |
| cornerSize | number | 8 |
| cornerColor | string | hsl(var(--border)) |
| type | "button" | "submit" | "reset" | "button" |
| className | string | - |
| style | React.CSSProperties | - |
| children | React.ReactNode | - |