Glowup
DATA DISPLAY · 54 / 89
Accordion
Accordion — a Material You data display component for React Native and web.
󱀫
packages/ui/src/components/Accordion.tsx
Live demo
Properties
3 controls
Title
Start Expanded
Content
Usage
Accordion.tsx
<Accordion title="Accordion Title"> Hidden content revealed when expanded. </Accordion>
Variants
The states and shapes this component is meant to be used in.
Collapsed and expanded
Orders ship from the Milan warehouse within one business day. Tracking details arrive by email as soon as the courier scans the parcel.
Rich content
api-gateway
󰗠
Live
billing-worker
󰀦
Rolling out
report-exporter
󰀨
Failed
Faq group
Workspace owners can invite guests from the Members tab. Guests see only the projects they are added to and never appear in billing seats.
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
6 on AccordionProps
children
required
React.ReactNode
title
required
string
onPress
(expanded: boolean) => void
startExpanded
boolean
default: false
style
StyleProp<ViewStyle>
default: {}
titleStyle
StyleProp<TextStyle>
default: {}