Components / furniture
Ruler
Edge Ruler - 8px Minor, 40px Major Ticks
01 Preview
02 Usage
Decorative edge ruler - section dividers, hero edges.
<Ruler accent />03 Props
| Prop | Type | Default | Notes |
|---|---|---|---|
| accent | boolean |
false |
Major ticks in amber. |
Also accepts every attribute of React.HTMLAttributes<HTMLDivElement> — they are spread onto the root element. className is merged, not replaced, and ref is forwarded.
04 Import
import { Ruler } from '@denizarsan/darsan.design';
import '@denizarsan/darsan.design/styles.css';