Version:

Install ​

shell
npm i @mate-react/details

Import ​

tsx
import { MateDetails } from '@mate-react/details';

Variants ​

Default ​

tsx
<MateDetails summary="Summary">Content</MateDetails>

Opened ​

tsx
<MateDetails summary="Summary" opened>Content</MateDetails>

Disabled ​

tsx
<MateDetails summary="Summary" disabled>Content</MateDetails>

With Action Button ​

tsx
<MateDetails summary="Summary">
  <MateButton theme="icon" slot="action">
    <MateIcon>delete</MateIcon>
  </MateButton>
  Content
</MateDetails>