# 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>