Installation

Install

npm i gestalt --save

yarn add gestalt

To install the DatePicker package:

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';

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.

Typescript Support

Install the

DefinitelyTyped

; Opens a new tab

definitions.

Usage

npm i --save @types/gestalt

yarn add @types/gestalt

Edit page on GitHub

; Opens a new tab