Components
HelpDrawer
Attio's own Help panel — search, contextual suggestions, "Getting started" cards, and footer links.
Available since@crisp-ui-kit/crisp@0.57.5
Attio's own Help panel (crisp#614, parity rows G-019/P-004/P-105), reachable from both the object-page "?" icon and the sidebar's own Help entry point — live-measured off app.attio.com/techpartners: a search row, an optional "Suggestions" section, the fixed "Getting started" section (3 cards), and the fixed footer link list (5 links, in order). A Drawer narrowed to the measured 360px.
Installation
npm install @crisp-ui-kit/crispProps
Prop
Type
Notes
suggestionshas no default. Attio's own panel populates it contextually (by page/recent activity) — crisp ships no fixed content for it, the same "GRC need: later" boundaryCreateAttributeDialog'scurrencyOptionsalready draws. Omit it (or pass[]) and the section doesn't render at all.gettingStartedandfooterLinksDO default —defaultGettingStartedCardsanddefaultHelpFooterLinksare Attio's own fixed chrome, re-confirmed word-for-word on a second measurement pass.- Wire the footer's "Shortcuts" link (
onSelect, it has nohrefon Attio's own page either) toShortcutsSheet's ownopenstate — Attio's real Help → Shortcuts relationship. - Each
HelpCard's leading glyph is a per-article generated illustration on Attio's side (a unique diagram, not a fixed icon) — out of reach without inventing artwork, so the built-ingettingStartedcards use a plain Lucide icon in a muted tile instead; pass your owniconforsuggestions.