# @synerise/ds-result

> Result UI Component for the Synerise Design System

Latest version **2.0.5** (published 2026-09-22) · ISC license · 0 weekly downloads

## Install

```sh
npm install @synerise/ds-result
pnpm add @synerise/ds-result
yarn add @synerise/ds-result
bun add @synerise/ds-result
```

## Health

**Score 55/100 (C)** — status: active.

Positive: no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 2.0.5 |
| Published | 2026-09-22 |
| First published | 2019-12-16 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | synerise |

## Links

- npm: https://www.npmjs.com/package/@synerise/ds-result
- Repository: Synerise/synerise-design
- npm.io page: https://npm.io/package/@synerise/ds-result

## Recent versions

- 2.0.5 (latest) — 2026-09-22
- 2.0.4 — 2026-09-18
- 2.0.3 — 2026-09-16
- 2.0.2 — 2026-09-08
- 2.0.1 — 2026-09-02
- 2.0.0 — 2026-08-26
- 1.0.68 — 2026-08-18
- 1.0.67 — 2026-08-11
- 1.0.66 — 2026-07-23
- 1.0.65 — 2026-07-16
- 1.0.64 — 2026-06-17
- 1.0.63 — 2026-06-11
- 1.0.62 — 2026-05-26
- 1.0.61 — 2026-05-22
- 1.0.60 — 2026-05-15
- … 323 more at https://npm.io/package/@synerise/ds-result/versions

## README

---
id: result
title: Result
---

Result UI Component

## Installation

```
npm i @synerise/ds-result
or
yarn add @synerise/ds-result
```

## Usage

```
import Result from '@synerise/ds-result'

<Result
  type="success"
  title="Chicken has been successfully cooked"
  description="Would you like to cook any other chickens?"
  buttons={(
    <>
      <Button type="secondary">
        Cancel
      </Button>
      <Button type="primary">
        Freeze
      </Button>
    </>
  )}
  panel={(
    <span>Some content, for example a picture of cooked chicken</span>
  )}
/>

```

## Demo

<iframe src="/storybook-static/iframe.html?id=components-result--default"></iframe>

## API

| Property        | Description                                                              | Type                                                                 | Default |
| --------------- | ------------------------------------------------------------------------ | -------------------------------------------------------------------- | ------- |
| type            | type of result                                                           | `info` / `warning` / `error` / `success` / `progress` / `no-results` | -       |
| title           | title text                                                               | string / React.ReactNode                                             | -       |
| description     | description text                                                         | string / React.ReactNode                                             | -       |
| buttons         | render buttons                                                           | React.ReactNode                                                      | -       |
| panel           | render custom panel                                                      | React.ReactNode                                                      | -       |
| customIcon      | render custom icon in place of type icon                                 | React.ReactElement                                                   | -       |
| noSearchResults | **Deprecated** — use `type="no-results"` instead                         | boolean                                                              | -       |

---
_Source: https://npm.io/package/@synerise/ds-result · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._