# @tableau/tableau-ui

> React UI components that have the look-and-feel of Tableau.

Latest version **3.15.0** (published 2026-08-18) · SEE LICENSE IN LICENSE license · 0 weekly downloads

## Install

```sh
npm install @tableau/tableau-ui
pnpm add @tableau/tableau-ui
yarn add @tableau/tableau-ui
bun add @tableau/tableau-ui
```

## Health

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

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

Warnings: low downloads; no esm support.

## Facts

| | |
|---|---|
| Version | 3.15.0 |
| Published | 2026-08-18 |
| First published | 2018-10-18 |
| Weekly downloads | 0 |
| License | SEE LICENSE IN LICENSE |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 407.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | greyepoxy, bcantoni, fanfanpsu, pvanderknyff, craigkovatch |

## Links

- npm: https://www.npmjs.com/package/@tableau/tableau-ui
- npm.io page: https://npm.io/package/@tableau/tableau-ui

## Dependencies (3)

- [typestyle](https://npm.io/package/typestyle.md) 2.0.4
- [react-animate-height](https://npm.io/package/react-animate-height.md) ^2.1.2
- [react-transition-group](https://npm.io/package/react-transition-group.md) ^4.4.5

## Recent versions

- 3.15.0 (latest) — 2026-08-18
- 3.14.0 — 2026-05-15
- 3.13.0 — 2025-11-20
- 3.12.1 — 2025-11-15
- 3.12.0 — 2025-11-12
- 3.11.0 — 2025-11-12
- 3.10.0 — 2024-07-31
- 3.9.0 — 2024-03-28
- 3.8.0 — 2023-07-13
- 3.7.0 — 2021-12-17
- 3.6.0 — 2021-09-09
- 3.5.0 — 2021-09-09
- 3.4.0 — 2021-09-09
- 3.3.0 — 2021-09-09
- 3.2.0 — 2020-12-17
- … 13 more at https://npm.io/package/@tableau/tableau-ui/versions

## README

# Tableau UI
[![Tableau Supported](https://img.shields.io/badge/Support%20Level-Tableau%20Supported-53bd92.svg)](https://www.tableau.com/support-levels-it-and-developer-tools)

![Tableau UI](https://tableau.github.io/tableau-ui/assets/tableau_ui_logo.svg)

Tableau UI is a React component library containing UI components which have the look-and-feel of Tableau.

## Add Tableau UI

```npm install @tableau/tableau-ui```

## Using Tableau UI

Tableau UI requires React. If you aren't familiar with React, check out their [Getting Started](https://reactjs.org/docs/getting-started.html) document.

If you have a TypeScript project you can simply import the components and prop interfaces that you want to use, e.g.:
```ts
import * as React from 'react';
import { Button, ButtonProps } from '@tableau/tableau-ui';

const buttonProps: ButtonProps = { kind: 'outline', children: 'OK' };
const button = React.createElement(Button, buttonProps);
```

If you're using JSX, this example might look more like:
```tsx
import * as React from 'react';
import { Button } from '@tableau/tableau-ui';

const button = <Button kind='outline'>OK</Button>
```

Or, you could also choose to include the bundled javascript file in your web project just as you would any other javascript library. You will then be able to reference tableau-ui with the global `TableauUI` variable, e.g.:
```js
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="tableau-ui.min.js"></script>

const button = React.createElement(TableauUI.Button, { kind: 'outline', children: 'OK' });
```

## API Documentation and Samples

Please refer to [Tableau UI Components](https://tableau.github.io/tableau-ui/) for documentation and samples.

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