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.ReactNode

Required

Content to be displayed inside the details element

label

string

Required

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