Installation
Install
npm i gestalt --save
or
yarn add gestalt
To install the ChartGraph package:
npm i gestalt-charts --save
or
yarn add gestalt-charts
~~~ To install the DatePicker package:
~~~jsx
npm i gestalt-datepicker --save
or
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.
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
and click on a component to view the docs.