Aside
Sidebar panel with configurable width, optional sticky positioning, and border control.
Preview
Import
import { Aside } from "@sigil-ui/components";Usage
<Aside sticky={false}>
<nav>Sidebar navigation</nav>
</Aside>Custom width and border
<Aside width={320} borderSide="left">
Right-placed sidebar with left border
</Aside>Non-sticky
<Aside sticky={false} borderSide="none">
Scrolls with content, no border
</Aside>Props
| Prop | Type | Default | Description |
|---|---|---|---|
width | number | string | 256 | Sidebar width (number = px) |
sticky | boolean | true | Stick to viewport top with position: sticky |
borderSide | "left" | "right" | "none" | "right" | Which side to show a border |
className | string | — | Additional CSS classes |