---
id: details
title: Details
---

# Details

The details component is a short link that shows more detailed help text when a user clicks on it.

## How to use

<code src="@digigov/ui/src/content/Details/__stories__/Default.tsx" />

## Accessibility

You can read more about the accessibility patterns used in our Details
implementation in the ARIA Authoring Practices Guide (APG) at [Disclosure](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/) section.

## API

See below for a complete reference to all of the props  available to the components mentioned here.

<ComponentProps componentName={["Details", "DetailsSummary", "DetailsContent"]} />