Kitchen Sink

The demos of every package are shown here for convenience.

ArrowKeyNavigation

Horizontal-only
loremipsumdolor
Vertical-only
  • lorem
  • ipsum
  • dolor
Both directions
  1. lorem
  2. ipsum
  3. dolor
Second child active by default
  • lorem
  • ipsum
  • dolor
Ignored child (horizontal rule)
lorem

dolor
Show Implementation

Button

Show Implementation

CheckboxGroup

What subjects are you interested in?


Show Implementation

Checkbox

Show Implementation

Dialog

Show Implementation

FittedText

Show Implementation

Image

Normal
Delayed
Errored Out
Show Implementation

Input

hidePlaceholderOnFocus="false"
Start typing and I disappear!
hidePlaceholderOnFocus="true"
Focus on me and I disappear!
"controlled" input
Focus on me and I disappear!
Show Implementation

Modal

Show Implementation

Pagination

Louise Fernandez
Database Administrator I
5049 Barnett Road
Nglengkir, Indonesia
p: 6-(697)972-8601
e: lfernandez1@opera.com
Dennis Nichols
Nurse
0 Drewry Drive
Canggetelo, Indonesia
p: 9-(896)552-6623
e: dnichols0@ycombinator.com
Stephen Hamilton
Dental Hygienist
11 David Crossing
Kotabaru, Indonesia
p: 1-(274)517-4270
e: shamilton2@amazon.co.jp
Shawn Richards
Librarian
47533 Sherman Street
Viengxay, Laos
p: 1-(173)205-8062
e: srichards3@4shared.com
John Hansen
Staff Scientist
955 Jackson Park
South Tangerang, Indonesia
p: 5-(650)401-5661
e: jhansen4@sfgate.com
Show Implementation

Popover

Words of the day for 12/3/2024:
Note that the words with ⓘ symbols have their caret anchored to the symbol, rather than the center of the button.

Show Implementation

Progress

Horizontal Progress Bar
Filling Progress Meter
Indeterminate Progress Bar
Show Implementation

ProgressiveDisclosure

Click me to learn the truth...
Show Implementation

Radio

What is your academic major?

Show Implementation

SegmentedControl

Which astronomical features would you like to view?


Show Implementation

TokenizedInput

Enter a country you'd like to visit:

Aruba
Curaçao
Sweden
Show Implementation

Typeahead

Starts-with matching
Please enter your country of origin...
Fuzzy matching
Please enter your country of origin...
Show Implementation

webNotification

Show Implementation