Components

Button

The platform’s own button, in four variants: accent, secondary, destructive and glass.

IconButton

A button that is just an icon, for toolbars and compact rows.

Fab

The screen’s primary action, floating above the content.

FabMenu

A floating button that opens a few related actions.

Link

Text that opens a URL.

Menu

A list of actions that drops down from a label.

ActionSheet

Actions that slide up from the bottom of the screen.

ContextMenu

A long-press menu on any React Native content, with a custom preview on iOS.

SwipeActions

Buttons revealed by swiping a list row.

Pressable

Makes any React Native content tappable, with press feedback built in.

Switch

An on/off setting, tinted with your accent.

Checkbox

A yes/no choice, usually one of several in a form.

RadioGroup

One choice out of a few, all visible at once.

Slider

A value along a range, picked by dragging.

Stepper

A number nudged up and down.

SegmentedControl

Switches between a few views of the same thing.

Picker

One choice out of a longer list.

DatePicker

A date, picked from the platform’s own calendar.

ColorPicker

The system colour picker.

TextField

Text input with a label, for secure entry and errors too.

SearchBar

A search field with the platform’s look.

Chip

Compact toggles for filters and tags.

Text

Text in the type scale, coloured by token.

Label

An icon and a short text, aligned.

LabeledContent

A label with a value or a control beside it.

Badge

A small status label.

Avatar

A person’s initials or photo in a circle.

Icon

Your own SVG icons, drawn natively in both tiers.

Image

A remote or local image that fades in.

Card

A raised container for one piece of content.

Surface

A coloured, rounded background — plain or glass.

GlassView

Liquid Glass around any React Native content.

EmptyState

What to show when there is nothing to show.

Stacks

VStack, HStack and ZStack lay native views out in a column, a row or layers.

Island

Where native views meet React Native layout.

Screen

A whole screen of native views.

List

A native scrolling list of rows.

ListItem

A row with an icon, a title, a subtitle and a chevron.

Form

Grouped sections of settings and fields.

Collapsible

Content that expands under its label.

Pager

Swipeable pages that snap into place.

ScrollEdgeContainer

Bars over a scroll view, with the iOS 26 scroll edge effect under them.

Progress

How far along something is — or that it is still going.

ActivityIndicator

A small spinner, for the React Native tier.

Skeleton

Pulsing placeholders for content on its way.

Snackbar

A brief message at the bottom of the screen.

Alert

A question that needs an answer before going on.

Tooltip

A short hint pointing at what it explains.

RnTooltip

A rich tooltip with a title and actions, for React Native content.

Sheet

A native sheet with a native header: titles, back, close and actions, detents and a large title.

NavigationBar

A title with items on either side — a real navigation bar outside a navigation stack.

Tabs

Native tabs for Expo Router.

ZoomTransition

A push that grows out of the view it was opened from, and shrinks back into it.

Box

A styled React Native view.

RnText

React Native text in the type scale.

RnScrollView

A React Native scroll view with the `sx` props.

RnFlatList

React Native lists for rows that host native views.

ScrollView

A native scroll view.