Accordion

A vertically stacked set of interactive headings that each reveal an associated section of content.

Accordion.Root

size

12

Also supports MarginProps: `m`, `mb`, `ml`, `mr`, `mt`, `mx`, `my`

Accordion.Content

hiddenUntilFound

boolean

Accordion.Header

as

h1h2h3h4h5h6

The Accordion component comes with two size variants.

You can customize the heading level used in the accordion header.

Dashboard

2 variants found

Accordion in Graphql Error Handlerdashboard
Accordion in Graphql Error Handlerdashboard

Context

Accordion.Root
PropTypeDefaultRequired
size
"1" | "2"no

Also supports MarginProps: m, mb, ml, mr, mt, mx, my

Accordion.Content
PropTypeDefaultRequired
hiddenUntilFound
booleanno
Accordion.Header
PropTypeDefaultRequired
as
"h1" | "h2" | "h3" | "h4" | "h5" | "h6"no

Usage

Used 24 times across 2 packages

Dashboard
14
Admin Portal
10

Where it's used

5 files

packages/dashboard/src/components/connections/connection-sessions/session-errors.tsx7
packages/dashboard/src/components/graphql-error-handler.tsx7

/p/:portalSessionId/sso/:connectionId/verification/failed/:sessionId

packages/admin-portal/src/app/p/[portalSessionId]/sso/[connectionId]/verification/failed/[sessionId]/session-error-callout.tsx4

/p/:portalSessionId/directory-sync/role-assignment

packages/admin-portal/src/app/p/[portalSessionId]/directory-sync/role-assignment/index.tsx3

/p/:portalSessionId/sso/components/role-assignment

packages/admin-portal/src/app/p/[portalSessionId]/sso/components/role-assignment/form.tsx3