# Product Details

Expandable Text and Review Card composed into a product block.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/product-details
```

## Usage

```tsx
import { ProductDetails } from '@fetaui/components/product-details'

export function Example() {
  return <ProductDetails name="Speckled stoneware cup" price="$38" description={copy} reviews={reviews} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| name | string | required |
| price | string | required |
| priceNote | string |  |
| description | <p> elements | required |
| score | string |  |
| media | ReactNode |  |
| reviews | Review[] | required |
| animated | boolean | true |

## When to use

- On product pages.

## When not to use

- For short summaries: use a Card.

## Accessibility

- A labelled section with real headings.

## Motion

- Description and reviews open in place.