Component status
A preview of the components and their status' in all PIE libraries.
Web
Component | Figma | Web Components | Vue [Fozzie] | React [Snacks] |
---|---|---|---|---|
Accordion | Available | Planned | N/A | Available |
Assistive Text | Available | Planned | N/A | Available |
Avatar | Available | Planned | N/A | N/A |
Badge | Available | Planned | N/A | Available |
Banner | Available | Planned | Available | Available |
Bottom Sheet | Available | Planned | N/A | N/A |
Breadcrumb | Available | Planned | Available | Available |
Button | Available | Beta | Available | Available |
Card | Available | Beta | Available | Available |
Carousel Indicator | Available | N/A | N/A | N/A |
Checkbox | Available | Planned | Available | Available |
Chip | Available | Beta | N/A | Available |
Data Table | Available | TBC | N/A | N/A |
Bar Chart | Available | TBC | N/A | N/A |
Line Chart | Available | TBC | N/A | N/A |
Date Picker | Available | TBC | N/A | N/A |
Divider | Available | Beta | N/A | Available |
Dropdown | Available | Planned | Available | Available |
Fab | Available | Planned | N/A | N/A |
Form Label | Available | Planned | N/A | Available |
Icon Button | Available | Beta | Available | Available |
Link | Available | Beta | Available | Available |
List Item | Available | Planned | N/A | Available |
List Item Interactive | Available | Planned | N/A | Available |
Map Pin | Available | N/A | N/A | N/A |
Modal | Available | Alpha | Available | Available |
Notification | Available | Planned | Available | Available |
Numeric Stepper | Available | Planned | N/A | Available |
Numeric Stepper Form | Available | Planned | N/A | Available |
Numeric Stepper Input | Available | Planned | N/A | Available |
Numeric Stepper Simple | Available | Planned | N/A | Available |
Pagination | Available | Planned | N/A | Available |
Popover | Available | Planned | N/A | Available |
Progress Bar | Available | Planned | N/A | Available |
Progress Stepper | Available | Planned | N/A | N/A |
Radio | Available | Planned | Available | Available |
Rating | Available | Planned | Available | Available |
Segmented Controls | Available | Planned | Available | Available |
Select Input | Available | Planned | N/A | Available |
Show More | Available | Planned | N/A | Available |
Side Sheet | Available | Planned | N/A | N/A |
Skeleton | Available | Planned | Available | Available |
Slider | Available | Planned | N/A | N/A |
Spinner | Available | Beta | Available | Available |
Switch | Available | Alpha | Available | Available |
Tabs | Available | Planned | Available | Available |
Tag | Available | Beta | N/A | Available |
Text Input | Available | Planned | Available | Available |
Textarea | Available | Planned | Available | Available |
Thumbnail | Available | Planned | N/A | Available |
Toast | Available | Planned | N/A | Available |
Tooltip | Available | Planned | N/A | Available |
Uploader | Available | Planned | N/A | N/A |
Apps
Component | Figma | JustUI [UI Kit] | PIE [SwiftUI] | XML views | Jetpack compose |
---|---|---|---|---|---|
Accordion | Available | Pre-release | Pre-release | Planned | Planned |
Assistive Text | Available | Pre-release | Pre-release | Planned | Planned |
Avatar | Available | Planned | Planned | Planned | Planned |
Badge | Available | Pre-release | Pre-release | Planned | Planned |
Banner | Available | Available | Available | Planned | Planned |
Bottom Sheet | Available | Available | Available | Planned | Beta |
Breadcrumb | Available | N/A | N/A | TBC | TBC |
Button | Available | Available | Available | Available | Available |
Card | Available | ||||
Carousel Indicator | Available | Available | Planned | Planned | Planned |
Checkbox | Available | Available | Available | Available | Available |
Chip | Available | Available | Planned | Available | Planned |
Data Table | Available | N/A | N/A | TBC | TBC |
Bar Chart | Available | TBC | TBC | TBC | TBC |
Line Chart | Available | TBC | TBC | TBC | TBC |
Date Picker | Available | TBC | TBC | TBC | TBC |
Divider | Available | Available | Planned | Alpha | Alpha |
Dropdown | Available | Available | Planned | Alpha | Alpha |
Fab | Available | Available | Available | Planned | Planned |
Form Label | Available | Available | Available | TBC | TBC |
Icon Button | Available | Available | Available | Alpha | Available |
Link | Available | Available | Available | TBC | TBC |
List Item | Available | Available | Planned | Planned | Planned |
List Item Interactive | Available | Available | Planned | Planned | Planned |
Map Pin | Available | Planned | Planned | Planned | Planned |
Modal | Available | Available | Available | Available | Available |
Notification | Available | Available | Available | Planned | Planned |
Numeric Stepper | Available | N/A | N/A | N/A | N/A |
Numeric Stepper Form | Available | N/A | N/A | TBC | TBC |
Numeric Stepper Input | Available | N/A | N/A | TBC | TBC |
Numeric Stepper Simple | Available | N/A | N/A | Beta | Alpha |
Pagination | Available | N/A | N/A | Beta | Alpha |
Popover | Available | N/A | N/A | TBC | TBC |
Progress Bar | Available | Available | Available | Alpha | Beta |
Progress Stepper | Available | N/A | N/A | TBC | TBC |
Radio | Available | Available | Available | Available | Available |
Rating | Available | Available | Available | Available | Available |
Segmented Controls | Available | Available | Available | Beta | TBC |
Select Input | Available | Available | Available | Available | Available |
Show More | Available | Available | Planned | Planned | Planned |
Side Sheet | Available | N/A | N/A | TBC | TBC |
Skeleton | Available | Available | Available | Alpha | Planned |
Slider | Available | Planned | Planned | Planned | Planned |
Spinner | Available | Available | Available | Alpha | Alpha |
Switch | Available | Available | Available | Available | Available |
Tabs | Available | Available | Available | Planned | Alpha |
Tag | Available | Available | Planned | Planned | Planned |
Text Input | Available | Available | Available | Beta | Beta |
Textarea | Available | N/A | N/A | Beta | Beta |
Thumbnail | Available | N/A | N/A | TBC | TBC |
Toast | Available | Available | Available | Available | Available |
Tooltip | Available | N/A | N/A | TBC | TBC |
Uploader | Available | N/A | N/A | N/A | N/A |
Status descriptions
Available | Ready to be used. |
Planned | Will be created in the future. |
Alpha | Preliminary usage; expect changes. |
Beta | Testing a new major change of a stable component. |
Removed | No longer supported by PIE. |
Deprecated | In the future will no longer be supported by PIE. |
N/A | Not applicable. |
TBC | To be confirmed. |