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/crisp

Props

Prop

Type

Notes

  • suggestions has 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" boundary CreateAttributeDialog's currencyOptions already draws. Omit it (or pass []) and the section doesn't render at all.
  • gettingStarted and footerLinks DO default — defaultGettingStartedCards and defaultHelpFooterLinks are Attio's own fixed chrome, re-confirmed word-for-word on a second measurement pass.
  • Wire the footer's "Shortcuts" link (onSelect, it has no href on Attio's own page either) to ShortcutsSheet's own open state — 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-in gettingStarted cards use a plain Lucide icon in a muted tile instead; pass your own icon for suggestions.

On this page