Carlos deArtola monogramCARLOS DE ARTOLA
APPENDIX D

Rail

The only primary nav. No flyout, no archive row, no hamburger.

HANDLE
rail
LIVES IN
src/components/Sidebar.jsx · Layout.jsx (RailToggle)
USED ON
Every page inside Layout
PROPS
open · Three rows: WORK · DESIGN SYSTEMS · ABOUT. RailToggle({ open, onToggle }) sits top-right and remembers the choice in localStorage
EXAMPLE
LIVE

As it renders.

CODE
COPY AND PASTE

How it is called.

JSX
import Sidebar from '../components/Sidebar.jsx'
import { RailToggle } from '../components/Layout.jsx'

<Sidebar open={railOpen} />                          {/* WORK · DESIGN SYSTEMS · ABOUT */}
<RailToggle open={railOpen} onToggle={toggleRail} />  {/* top-right; Layout owns the state */}
RULES

What must stay true.

The only primary nav. No flyout, no archive row, no hamburger.