Attio's "Notifications" settings page (crisp#630), measured live: a title + description, a "Daily digest" card (a single toggle row), and a "Collaboration notifications" matrix — a header row plus one row per event, each with an Email and an App checkbox.

Installation

npm install @crisp-ui-kit/crisp

Props

Notes

• For an app with no email or digest: showEmail={false} drops the Email column (rows then need only app), and the Daily digest section renders only when onDailyDigestChange is passed. children render after the matrix at the same 40px section gap, and a row with locked shows its App checkbox checked and disabled.
• The matrix has no per-row model of its own beyond email/app. rows is a flat list of NotificationMatrixRow (id, title, description, email, app) — the component holds no state, onEmailChange/onAppChange fire with the row's id and the checkbox's new value, and a consumer owns persisting it.
• All copy is overridable through explicit props (title, dailyDigestSectionTitle, etc.) with plain English defaults, rather than through CrispMessagesProvider — the same pattern MembersSettings and WorkspaceGeneralSettings use for their own full-page copy.