iOS Capsule Button
iOS capsule button with filled, tinted, gray and plain styles in three sizes and a custom tint.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
IOSCapsuleButtonProps
Also accepts all props of React.ComponentProps<"button">
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "filled" | "tinted" | "gray" | "plain" | "filled" | — |
| size | keyof typeof sizes | "large" | — |
| tint | string | — | Any CSS color; defaults to the system blue |
Install
$ npx shadcn@latest add https://chromotion.dev/r/ios-capsule-button.json