grommet
docs
components

Components

these are the building blocks of the grommet library, master them, and become a l33t.

Layout

Box

Card

Footer

Grid

Header

Layer

Main

Page

PageHeader

Parent Page

Page Title

A subtitle for the page.

Sidebar

Stack

Type

Heading

Chapter 1

Markdown

grommet **heart**'s markdown

Paragraph

OASIS was much more than a game or an entertainment platform. It's a new way of life.

Text

non-semantic text

Tag

Controls

Accordion

Anchor

Anchor

Button

Drop

DropButton

Menu

Nav

Tabs

i'm a tab

Tip

Input

CheckBox

CheckBoxGroup

DateInput

FileInput

Drop file here orbrowse

MaskedInput

RadioButton

RadioButtonGroup

RangeInput

RangeSelector

1
2
3
4
5

Select

SelectMultiple

StarRating

TextArea

TextInput

ThumbsRating

FormField

Form

Data

Cards

  • Boise
  • Fort Collins
  • Los Gatos

Data

0 items

DataFilter

1
100

DataFilters

DataSearch

DataSort

DataSummary

0 items

DataTable

DataTableColumns

DataView

List

  • One
  • Two
  • Three

NameValueList

Model type
MXQ83700F3

Visualizations

Avatar

Calendar

Chart

043210

Clock

2
2
:
2
1
:
1
8

DataChart

Jan
Mar
May
100
0
0
0

Diagram

Distribution

Meter

Notification

Skeleton

Pagination

  • …

Spinner

Table

WorldMap

Media

Carousel

Image

Ricky from Wilderpeople looking out from behind brow leaves in a forests

Video

Utilities

AnnounceContext

Collapsible

Grommet

InfiniteScroll

Keyboard

⌘
Z

ResponsiveContext

SkipLinks

Tab

ThemeContext