xyd 0.1.0-alpha - Coming Soon

Components
/
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.ReactNode
    Required
    Content to be displayed inside the details element
  • label
    string
    Required
    Label text displayed in the summary
  • icon
    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
    any

    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>
Edit page
Built with

Show your support! Star us on GitHub ⭐️