Skip to content

Component status

This table reflects current documentation and test coverage. Status is conservative: stable means documented, tested in CI, and used in the example app unless noted.

ComponentCategoryStatusNotes
ButtonInput / actionstableCore primitive; unit tests
InputFormsstableIncludes label, error, floating label
CardLayoutstableOptional pressable mode
BadgeData displaystableDot and label variants
CheckboxFormsstableWorks with form patterns
SwitchFormsstableAnimated toggle
SelectFormsbetaOptional @shopify/flash-list for lists
ListData displaybetaCompound list API
BottomSheetOverlaybetaGesture + snap points
ModalOverlaystableNative modal wrapper
ToastFeedbackbetaToast host pattern
BoxLayoutstableToken-based layout primitive
StackLayoutstableFlex stack helper
GridLayoutbetaResponsive grid helper
TabsNavigationstableCompound tabs
AppBarNavigationstableHeader bar
TypographyData displaystableText variants
GlassCardLayoutbetaOptional expo-blur; translucent fallback
GradientLayoutbetaOptional expo-linear-gradient
RatingFormsstableAccessibility and animation tested
StatusMeaning
stableDocumented, covered by tests where applicable, suitable for typical app use
betaUsable but API or native integration may still evolve; review optional deps
experimentalEarly or limited coverage; use with caution

For the full component list, see the Components sidebar or packages/ui/src/index.ts.

ModuleComponents affected
@shopify/flash-listSelect (performance)
expo-blurGlassCard
expo-linear-gradientGradient
react-native-svgIcon, CircularProgress
lucide-react-nativeIcon

Install peers in your app directory so autolinking works in monorepos.