THEME
MOTION
HAPTIC
SOUND
HAZARDSTRIPES
Decorative diagonal-stripe overlay for "caution" / "armed" states. Wraps children.
Live demo
Import
import { HazardStripes } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
intensity | number | 0.12 | — | |
angle | number | 135 | — | |
width | number | 8 | — | |
color | string | white | — | |
children | ReactNode | — | — |
Examples
caution
<HazardStripes><Button variant="danger">ARM</Button></HazardStripes>Accessibility
Role: presentation
Feedback
| Haptic | none |
| Sound | none |