# @consta/table

> Consta — дизайн-система для разработки интерфейсов, написана на [React](https://reactjs.org/).

Latest version **0.8.1** (published 2026-05-20) · 0 weekly downloads

## Install

```sh
npm install @consta/table
pnpm add @consta/table
yarn add @consta/table
bun add @consta/table
```

## Health

**Score 40/100 (D)** — status: active.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.8.1 |
| Published | 2026-05-20 |
| First published | 2024-10-23 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 449.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | miocene, fooontic, gizeasy, design-gazprom-neft |
| Keywords | table, react-table, consta |

## Links

- npm: https://www.npmjs.com/package/@consta/table
- Homepage: http://consta.design/libs/table
- npm.io page: https://npm.io/package/@consta/table

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 0.8.1 (latest) — 2026-05-20
- 0.8.0 — 2026-01-30
- 0.7.3 — 2025-12-04
- 0.7.2 — 2025-11-06
- 0.7.1 — 2025-10-20
- 0.7.0 — 2025-08-01
- 0.6.1 — 2025-06-11
- 0.6.0 — 2025-05-28
- 0.5.2 — 2025-05-26
- 0.5.1 — 2025-05-20
- 0.4.0 — 2024-12-18
- 0.3.1 — 2024-11-25
- 0.3.0 — 2024-11-19
- 0.2.0 — 2024-11-02
- 0.1.0-beta — 2024-10-23

## README

# [Дизайн-система Consta](http://consta.gazprom-neft.ru/) | Библиотека интерфейсных компонентов

Consta — дизайн-система для разработки интерфейсов, написана на [React](https://reactjs.org/).

В дизайн-систему входит несколько библиотек. **Здесь — библиотека интерфейсных компонентов:** простые контролы, сложные блоки, темы и хуки. Все библиотеки представлены в виде компонентов и макетов в Figma.

## Что входит в дизайн-систему

### Библиотека компонентов

[Репозиторий](https://github.com/consta-design-system/uikit) | [NPM](https://www.npmjs.com/package/@consta/uikit) | [Документация и стенд](http://uikit.consta.design/) | [Макеты](https://www.figma.com/community/file/853774806786762374)

### Библиотека графиков

[Репозиторий](https://github.com/consta-design-system/charts) | [NPM](https://www.npmjs.com/package/@consta/charts) | [Документация и стенд](http://charts.consta.design) | [Макеты](https://www.figma.com/community/file/982611119114314434)

[>> Посмотреть все библиотеки](https://github.com/consta-design-system)

<hr>

Подробности — на [на сайте дизайн-системы Consta](http://consta.design/)

Следите за новостями и релизами в [телеграм-канале дизайн-системы](https://t.me/consta_ui_releases)

# Как использовать

## Установите пакет

```
yarn add @consta/uikit
```

## Начните работу с библиотекой

Чтобы начать работу с библиотекой интерфейсных компонентов, подключите тему:

```tsx
import React from 'react';
import { Theme, presetGpnDefault } from '@consta/uikit/Theme';
import { Button } from '@consta/uikit/Button';

const App = () => (
  <Theme preset={presetGpnDefault}>
    <Button label="Кнопка" />
  </Theme>
);
```

[Что такое темы и как с ними работать](https://portal.consta.design/libs/portal/theme-themeabout)

## Документация и стенд

На стенде можно менять параметры и смотреть, как меняются компоненты. Документация — во вкладке у каждого компонента.

[Вперёд, к стенду](http://consta.design/libs/uikit)

## Разработка

### Подготовка окружения

Рабочее окружение должно содержать NodeJS и Yarn.

Чтобы установить зависимости, выполните команду:

```sh
$ yarn install
```

### Основные команды

```sh
# Запуск локального сервера для разработки
$ yarn start

# Сборка пакета
$ yarn build

# Сборка стенда
$ yarn stand:build

# Запуск тестов
$ yarn test
```

## Контрибьюторам

Будем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте [инструкцию для контрибьюторов](https://consta.design/libs/portal/contributers-code).

## Лицензия

Дизайн-систему можно использовать бесплатно, она распространяется на условиях открытой [лицензии MIT](https://consta.design/static/licence_mit.pdf).

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