0.8.4
Foundations
Setup

Card

A quiet surface for related content.
Live component preview
Preview width

A place for the details

Related content, grouped with a quiet boundary.
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

Use the live preview above to review interaction. Check both light and dark appearance.
Check text length, keyboard focus, spacing and touch targets.
This is a live React Native Web preview. Run the Expo example to review actual native rendering.

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