> ## Documentation Index
> Fetch the complete documentation index at: https://docs.evidence.studio/llms.txt
> Use this file to discover all available pages before exploring further.

# Details

> The details component

<img src="https://mintcdn.com/evidence/Z2CIIsynbphd2HX3/images/components/details/details.png?fit=max&auto=format&n=Z2CIIsynbphd2HX3&q=85&s=74013934360497998f9d4db10de9736b" alt="Basic Usage" width="1000" height="40" data-path="images/components/details/details.png" />

```liquid theme={null}
{% details
    title="Metric Definitions"
%}

**Sales:** includes sales of all core products in all regions

**Sales Growth:** YoY growth in sales

{% /details %}
```

## Examples

### Basic Usage

<img src="https://mintcdn.com/evidence/Z2CIIsynbphd2HX3/images/components/details/details.png?fit=max&auto=format&n=Z2CIIsynbphd2HX3&q=85&s=74013934360497998f9d4db10de9736b" alt="Basic Usage" width="1000" height="40" data-path="images/components/details/details.png" />

```liquid theme={null}
{% details
    title="Metric Definitions"
%}

**Sales:** includes sales of all core products in all regions

**Sales Growth:** YoY growth in sales

{% /details %}
```

## Attributes

<ResponseField name="title" type="string" required>
  Title of the details section
</ResponseField>

<ResponseField name="open" type="boolean" default="false">
  Whether the details section is open
</ResponseField>

<ResponseField name="width" type="number">
  Set the width of this component (in percent) relative to the page width
</ResponseField>