Takeoff Spar Docs
This site documents public usage of @takeoff-ui/react-spar.
Current React policy: @takeoff-ui/react-spar targets React 19.x only in the
current phase because the locked @turkish-technology/spar dependency requires
React 19 peers.
Install
@takeoff-ui/react-spar ships JS and types only. The component CSS lives in
@takeoff-design/tokens, which is a peer dependency — install both packages
side by side.
pnpm add @takeoff-ui/react-spar @takeoff-design/tokens
Start Here
- Installation — add
@takeoff-ui/react-sparto your project and import the token stylesheet - Theming & tokens — configure color mode, branded themes, and shared component defaults
- Composition & styling — understand
compound anatomy, slots, classes, and stable
data-*hooks