Package Exports

grommet
grommet/components/Accordion
grommet/components/Accordion/index.js
grommet/components/AccordionPanel
grommet/components/AccordionPanel/index.js
grommet/components/Anchor
grommet/components/Anchor/index.js
grommet/components/Box
grommet/components/Box/index.js
grommet/components/Button
grommet/components/Button/index.js
grommet/components/Calendar
grommet/components/Calendar/StyledCalendar
grommet/components/Calendar/StyledCalendar.js
grommet/components/Calendar/index.js
grommet/components/Card
grommet/components/Card/index.js
grommet/components/Carousel
grommet/components/Carousel/index.js
grommet/components/Chart
grommet/components/Chart/index.js
grommet/components/CheckBox
grommet/components/CheckBox/index.js
grommet/components/CheckBoxGroup
grommet/components/CheckBoxGroup/index.js
grommet/components/DataTable
grommet/components/DataTable/index.js
grommet/components/Distribution
grommet/components/Distribution/index.js
grommet/components/DropButton
grommet/components/DropButton/index.js
grommet/components/Footer
grommet/components/Footer/index.js
grommet/components/Form
grommet/components/Form/index.js
grommet/components/FormField
grommet/components/FormField/index.js
grommet/components/Grid
grommet/components/Grid/index.js
grommet/components/Header
grommet/components/Header/index.js
grommet/components/Heading
grommet/components/Heading/index.js
grommet/components/Image
grommet/components/Image/index.js
grommet/components/Keyboard
grommet/components/Keyboard/index.js
grommet/components/Layer
grommet/components/Layer/index.js
grommet/components/List
grommet/components/List/index.js
grommet/components/Markdown
grommet/components/Markdown/index.js
grommet/components/Menu
grommet/components/Menu/index.js
grommet/components/Meter
grommet/components/Meter/index.js
grommet/components/Notification
grommet/components/Notification/index.js
grommet/components/Pagination
grommet/components/Pagination/index.js
grommet/components/Paragraph
grommet/components/Paragraph/index.js
grommet/components/RadioButton
grommet/components/RadioButton/index.js
grommet/components/RadioButtonGroup
grommet/components/RadioButtonGroup/index.js
grommet/components/Select
grommet/components/Select/index.js
grommet/components/Sidebar
grommet/components/Sidebar/index.js
grommet/components/Spinner
grommet/components/Spinner/index.js
grommet/components/Tab
grommet/components/Tab/index.js
grommet/components/Table
grommet/components/Table/index.js
grommet/components/TableHeader
grommet/components/TableHeader/index.js
grommet/components/TableRow
grommet/components/TableRow/index.js
grommet/components/Tabs
grommet/components/Tabs/index.js
grommet/components/Text
grommet/components/Text/index.js
grommet/components/TextArea
grommet/components/TextArea/index.js
grommet/components/TextInput
grommet/components/TextInput/index.js
grommet/components/Tip
grommet/components/Tip/index.js
grommet/components/Video
grommet/components/Video/index.js
grommet/components/WorldMap
grommet/components/WorldMap/index.js
grommet/contexts
grommet/contexts/ResponsiveContext
grommet/contexts/ResponsiveContext/index.js
grommet/contexts/ThemeContext
grommet/contexts/ThemeContext/index.js
grommet/contexts/index.js
grommet/default-props
grommet/default-props.js
grommet/es6/components/Box
grommet/es6/components/Box/index.js
grommet/es6/components/Button
grommet/es6/components/Button/index.js
grommet/es6/components/Calendar
grommet/es6/components/Calendar/index.js
grommet/es6/components/CheckBox
grommet/es6/components/CheckBox/index.js
grommet/es6/components/DropButton
grommet/es6/components/DropButton/index.js
grommet/es6/components/FormField
grommet/es6/components/FormField/index.js
grommet/es6/components/Heading
grommet/es6/components/Heading/index.js
grommet/es6/components/Keyboard
grommet/es6/components/Keyboard/index.js
grommet/es6/components/Menu
grommet/es6/components/Menu/index.js
grommet/es6/components/Meter
grommet/es6/components/Meter/index.js
grommet/es6/components/RoutedButton
grommet/es6/components/RoutedButton/index.js
grommet/es6/components/Select
grommet/es6/components/Select/index.js
grommet/es6/components/Stack
grommet/es6/components/Stack/index.js
grommet/es6/components/Text
grommet/es6/components/Text/index.js
grommet/es6/components/TextArea
grommet/es6/components/TextArea/index.js
grommet/es6/components/TextInput
grommet/es6/components/TextInput/index.js
grommet/es6/contexts
grommet/es6/contexts/AnnounceContext
grommet/es6/contexts/AnnounceContext/index.js
grommet/es6/contexts/ResponsiveContext
grommet/es6/contexts/ResponsiveContext/index.js
grommet/es6/contexts/ThemeContext
grommet/es6/contexts/ThemeContext/index.js
grommet/es6/contexts/index.js
grommet/es6/index.js
grommet/es6/themes/dark
grommet/es6/themes/dark.js
grommet/es6/themes/grommet
grommet/es6/themes/grommet.js
grommet/es6/utils
grommet/es6/utils/DOM
grommet/es6/utils/DOM.js
grommet/es6/utils/background
grommet/es6/utils/background.js
grommet/es6/utils/colors
grommet/es6/utils/colors.js
grommet/es6/utils/index.js
grommet/es6/utils/mixins
grommet/es6/utils/mixins.js
grommet/es6/utils/object
grommet/es6/utils/object.js
grommet/es6/utils/styles
grommet/es6/utils/styles.js
grommet/index.js
grommet/themes
grommet/themes/base
grommet/themes/base.js
grommet/themes/index.js
grommet/utils
grommet/utils/DOM
grommet/utils/DOM.js
grommet/utils/background
grommet/utils/background.js
grommet/utils/colors
grommet/utils/colors.js
grommet/utils/index
grommet/utils/index.js
grommet/utils/mixins
grommet/utils/mixins.js
grommet/utils/object
grommet/utils/object.js
grommet/utils/styles
grommet/utils/styles.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (grommet) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Grommet: focus on the essential experience

Documentation

Visit the Grommet website for more information.

Support / Contributing

Before opening an issue or pull request, please read the Contributing guide.

Install

You can install Grommet using either of the methods given below.

For npm users:

  $ npm install grommet styled-components --save

For Yarn users:

  $ yarn add grommet styled-components

There are more detailed instructions in the Grommet Starter app tutorial for new apps. For incorporating Grommet into an existing app, see the Existing App version.

Explore

Storybook examples per component, you can create them locally by running:
```
  $ npm run storybook
```
or
```
  $ yarn storybook
```
Grommet starter template sandbox.
Templates, patterns, and starters: feel free to share with us more pattern ideas on Slack.
End-to-end project examples from our community in the #i-made-this Slack channel.
Read more from the Grommet team on Medium.

Stable

grommet is also available on a stable branch that is built with the content of the 'master' branch. From your package.json point to stable.

"grommet": "https://github.com/grommet/grommet/tarball/stable",

For more info, read the stable wiki.

Release History

See the Change Log.

Tools Behind Grommet

Grommet is produced using this great tool:

BrowserStack for browser emulators and simulators.
Circle CI for continuous integration.