Noise Background
DisplaySubtle noise texture overlay for added depth on flat surfaces.
Noise BackgroundDisplay · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import Noise Background from @otfdashkit/ui.
Code
// Noise Background — Subtle noise texture overlay for added depth on flat surfaces.
//
// Install:
// bun add @otfdashkit/ui
import { NoiseBackground } from '@otfdashkit/ui'
export function Example() {
return (
<NoiseBackground>
{/* your content */}
</NoiseBackground>
)
}Props
Props declared in the NoiseBackground source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| fixed | boolean | false | |
| frequency | number | 0.65 | Noise grain size — maps to SVG baseFrequency (default 0.65) |
| opacity | number | 0.04 | Noise opacity 0–1 (default 0.04) |