Installation

Install

npm i gestalt --save

yarn add gestalt

To install the ChartGraph package:

npm i gestalt-charts --save

yarn add gestalt-charts
~~~ To install the DatePicker package:
~~~jsx
npm i gestalt-datepicker --save

yarn add gestalt-datepicker

Usage

Gestalt exports each component as ES6 modules and a single, precompiled CSS file:

import { Text } from 'gestalt';
import 'gestalt/dist/gestalt.css';

import { DatePicker } from 'gestalt-datepicker';
import 'gestalt-datepicker/dist/gestalt-datepicker.css';

import { ChartGraph } from 'gestalt-charts';

That syntax is Webpack specific (and will work with Create React App), but you can use Gestalt anywhere that supports ES6 module bundling and global CSS.

Dev

Gestalt is a

multi-project monorepo.

; Opens a new tab

The docs and components are all organized as separate packages that share similar tooling.

Install project dependencies and run tests:

yarn
yarn test

Build and watch Gestalt & run the docs server:

yarn start

Visit

http://localhost:8888

; Opens a new tab

and click on a component to view the docs.

Edit page on GitHub

; Opens a new tab