# Install

```shell
npm i @mate-vue/details
```

# Import

```vue
<script setup>
import { MateDetails } from '@mate-vue/details';
</script>
```

# Variants

## Mate summary

```vue
<template>
  <MateDetails title-text="Title">
    Inhaltsbereich in dem beliebiger Inhalt stehen kann
  </MateDetails>
</template>
```

## Object header

```vue
<template>
  <MateDetails title-text="Title">
    <MateBadge slot="title">Information</MateBadge>
    <MateBadge slot="title">Information</MateBadge>
    <MateButton theme="icon" slot="action">
      <MateIcon>delete</MateIcon>
    </MateButton>
    <MateButton theme="icon" slot="action">
      <MateIcon>content_copy</MateIcon>
    </MateButton>
    <span>Inhaltsbereich in dem beliebiger Inhalt stehen kann</span>
  </MateDetails>
</template>
```