# salla-reviews-page (https://docs.salla.dev/twilight/react/web-components/salla-reviews-page)



{/* Generated by scripts/sync-web-components.mjs from the components docs.json. Do not edit by hand. */}

A full reviews page for the store's product reviews: a sort dropdown, a masonry grid of salla-review-card items,
and a "load more" button. It takes no props: it loads 8 reviews per request from the reviews API and
keeps the chosen `sort` and the current `page` in the page URL query string (read again on load).
Sort values are `latest` (default), `oldest`, `top_rating` and `bottom_rating`.
Use it as the main content of a store reviews page.

## Use it [#use-it]

In HTML or JSX, use the tag `<salla-reviews-page>` with the **Attribute** names below. In React, the wrapper takes the **Property** names (camelCase).

```tsx
import { SallaReviewsPage } from '@salla.sa/twilight-components-react/reviews-page';
```

**Client-only.** On the server this wrapper renders a placeholder (a skeleton, or nothing), and the real component mounts in the browser. Do not rely on it for content that search engines must see.

## Example [#example]

```tsx
import { SallaReviewsPage } from '@salla.sa/twilight-components-react/reviews-page';

export function Example() {
  return (
    <SallaReviewsPage />
  );
}
```

```html
<salla-reviews-page></salla-reviews-page>
```

## Related [#related]

Renders: [`<salla-review-card>`](https://docs.salla.dev/twilight/react/web-components/salla-review-card), [`<salla-button>`](https://docs.salla.dev/twilight/react/web-components/salla-button).