UI Components

AppCatalyst RN includes a comprehensive set of UI components.

Accordion

A vertically stacked set of interactive headings that each reveal a section of content.

Alert Dialog

A modal dialog that interrupts the user with important content and expects a response.

Alert

Displays a callout for user attention.

Aspect Ratio

Displays content within a desired ratio.

Avatar

An image element with a fallback for representing the user.

Badge

Displays a badge or a component that looks like a badge.

Button

Displays a button or a component that looks like a button.

Card

Displays a card with header, content, and footer.

Checkbox

A control that allows the user to toggle between checked and not checked.

Collapsible

A control that allows the user to toggle between checked and not checked.

Context Menu

Displays a menu to the user.

Dialog

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

Dropdown

Displays a menu to the user.

Hover Card

For sighted users to preview content available behind a link.

Input

Displays a form input field or a component that looks like an input field.

Label

Renders an accessible label associated with controls.

Popover

Displays rich content in a portal, triggered by a button.

Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

Radio Group

A set of checkable buttons

Select

Displays a list of options for the user to pick from

Separator

Visually or semantically separates content.

Skeleton

Use to show a placeholder while content is loading.

Switch

A control that allows the user to toggle between checked and not checked.

Tabs

A set of layered sections of content

Text

A component for displaying text.

Text Area

Displays a form textarea or a component that looks like a textarea.

Toggle

A two-state button that can be either on or off.

Toggle Group

A set of two-state buttons that can be toggled on or off.

Tooltip

A popup that displays information related to an element.

Explore the component showcase  to see all available components.