Texture Button
Dark button with an SVG feTurbulence grain overlay; grain strength is adjustable.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
TextureButtonProps
Also accepts all props of React.ComponentProps<"button">
| Prop | Type | Default | Description |
|---|---|---|---|
| noise | number | 0.35 | Opacity of the grain overlay, 0 to 1 |
Install
$ npx shadcn@latest add https://chromotion.dev/r/texture-button.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.