Details

Basic usage

Pass a summary prop for the clickable heading and place the body content as children.

What is an audit?

An audit is a systematic review of financial records to verify accuracy and compliance with applicable standards.

import { Details } from '@eekodigital/raster';

<Details summary="What is an audit?">
  An audit is a systematic review of financial records to verify accuracy
  and compliance with applicable standards.
</Details>

Open by default

Pass the native open attribute to render the panel expanded on first mount.

Guidance notes

Complete all mandatory fields before submitting. Incomplete submissions will not be processed.

<Details summary="Guidance notes" open>
  Complete all mandatory fields before submitting. Incomplete submissions
  will not be processed.
</Details>

Props

Prop	Type	Default	Description
summary	ReactNode	—	Content rendered inside the <summary> element.
children	ReactNode	—	The collapsible body content.
…props	DetailsHTMLAttributes	—	All native <details> attributes, including open.