A
Home
Docs
Components
Charts
Create
Getting Started
Introduction
Installation
Theming
Dark Mode
React Native
Components
Accordion
Alert
Alert Dialog
Aspect Ratio
Attachment
Avatar
Badge
Breadcrumb
Bubble
Button
Button Group
Calendar
Card
Carousel
Chart
Checkbox
Collapsible
Combobox
Command
Context Menu
Dialog
Direction
Drawer
Dropdown Menu
Empty
Field
Form
Hover Card
Input
Input Group
Input OTP
Item
Kbd
Label
Marker
Menubar
Message
Message Scroller
Native Select
Navigation Menu
Pagination
Popover
Progress
Radio Group
Resizable
Scroll Area
Select
Separator
Sheet
Sidebar
Skeleton
Slider
Sonner
Spinner
Switch
Table
Tabs
Textarea
Toggle
Toggle Group
Tooltip
Table
A responsive table component.
Preview
Code
Invoice
Status
Method
Amount
INV001
Paid
Credit Card
$250.00
INV002
Pending
PayPal
$150.00
INV003
Unpaid
Bank Transfer
$350.00
INV004
Paid
Credit Card
$450.00
INV005
Paid
PayPal
$550.00
INV006
Pending
Bank Transfer
$200.00
INV007
Unpaid
Credit Card
$300.00
Total
$2,500.00
A list of your recent invoices.
Installation
Every component ships in
@astrawind/ui
. If you haven't set it up, follow the installation guide, then import the component:
Terminal
npx
expo
install
@
astrawind
/
ui
@
astrawind
/
css
lucide-react-native
react-native-svg
Usage
tsx
import
{
Table
,
TableBody
,
TableCaption
,
TableCell
,
TableHead
,
TableHeader
,
TableRow
,
}
from
"@astrawind/ui/table"
See the Code tab above for a complete example.
Switch
Tabs
Built with @astrawind/ui and @astrawind/css. Components ported from shadcn/ui (MIT).