Components
Info column
Info column
Detail-page right rail — a vertical stack of titled sections separated by hairlines. Replaces the divide-y divide-outline wrapper and per-section <h3> + <ul> pattern on every Quote / Transaction / Branch / User view page.
Canonical
Main content placeholder — the info column sits in the right rail of detail pages.
About
- Q-AB12CD
- Issued 3 days ago
- Expires in 4 days
Property
Clients
- Alex Hawthorne
- alex@example.com
Title with aside
Notes
View all- Latest note about the client's preferences.
Activity
12 today- Status changed to Accepted
Optional title-aside renders a right-aligned secondary line next to the section title — useful for "View all" links or counts.
Props
2 helpers| Helper / attribute | Notes |
|---|---|
| <koala-info-column> | Outer wrapper. Adds divide-y divide-outline + per-section vertical padding. |
| <koala-info-section title="…"> | Section wrapper. Renders an <h3> title + <ul>. Children are <li> rows. |
| title-aside | Optional right-aligned secondary text next to the title. |