Details

DetailsProps

Props for the Details component

Examples

Session Replay

LiveSession offers detailed session replays, allowing you to visualize user interactions in your product.

Learn More

Secondary: Advanced Features

Dive deeper into advanced analytics, including segmentation, funnel analysis and heatmaps.

Learn More

Tertiary: Advanced Features

Dive deeper into advanced analytics, including segmentation, funnel analysis and heatmaps.

Props

children
React.ReactNodeRequired
Content to be displayed inside the details element
label
stringRequired
Label text displayed in the summary
icon
React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
Optional icon element to be displayed in the summary
className
string
Optional CSS class name for custom styling
kind
"primary" | "secondary" | "tertiary"
Which visual style to use.
title
React.ReactNode
Title text or element displayed in the summary. Required when kind is 'secondary' or 'tertiary'.

:::details{label="Session Replay"}
LiveSession offers detailed session replays, allowing you to  visualize user interactions in your product.
:::

<Details 
    kind="secondary" 
    label="Advanced Features"
    title="Learn More" 
>
    Dive deeper into advanced analytics, 
    including segmentation, funnel analysis
    and heatmaps.
</Details>

Callouts Guide Card

Built with

Show your support! Star us on GitHub ⭐️

Star