Version:

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>