0.8.4
Foundations
Setup

FormField

Connect labels, hints and errors to an input.
State
Preview width
Display name *
Use a name people will recognize.
Try the component with pointer or keyboard. This preview runs on web.
Review

Component library

32 of 32 components · 0 reviewed
Foundations
Text
Not reviewed
Foundations
Heading
Not reviewed
Foundations
Stack
Not reviewed
Foundations
Inline
Not reviewed
Foundations
Container
Not reviewed
Foundations
Card
Not reviewed
Foundations
Divider
Not reviewed
Actions
Button
Not reviewed
Actions
IconButton
Not reviewed
Actions
Link
Not reviewed
Content
Badge
Not reviewed
Content
Avatar
Not reviewed
Content
ListItem
Not reviewed
Forms
Input
Not reviewed
Forms
Textarea
Not reviewed
Forms
FormField
Not reviewed
Forms
Checkbox
Not reviewed
Forms
Switch
Not reviewed
Forms
RadioGroup
Not reviewed
Forms
Select
Not reviewed
Navigation
Tabs
Not reviewed
Disclosure
Accordion
Not reviewed
Disclosure
Dialog
Not reviewed
Disclosure
Sheet
Not reviewed
Feedback
Alert
Not reviewed
Feedback
Toast
Not reviewed
Feedback
Spinner
Not reviewed
Feedback
Progress
Not reviewed
Feedback
Skeleton
Not reviewed
Content
EmptyState
Not reviewed
Navigation
Breadcrumbs
Not reviewed
Navigation
Pagination
Not reviewed
Browse

A closer look

Compare the supported states below.
Default
Display name *
Use a name people will recognize.
Error
Display name *
Use a name people will recognize.
Enter a display name to continue.
Readonly
Display name *
Use a name people will recognize.
Disabled
Display name *
Use a name people will recognize.

Review notes

Saved only in this browser
Export notes to hand changes back. Notes do not change the package or Studio source.
Bubba’s UI · Universal components, reviewed by eye.
Reference
Patterns
Compositions
Source
npm