These are React specific building blocks on top of @ionic/core components/services.
This is still under heavy development. It has not yet been released to NPM but if you want to download and build it please do so. If you would like to see an example app of the implementation please go to our react conference app
Run npm run build to build a distro to dist directory.
Below is a list of components and their current status. Please know that these will not be final implementations but this list can be used to understand current progress.
| Component | Development Status | Tests |
|---|---|---|
ion-action-sheet |
✅ | 🔲 |
ion-alert |
✅ | 🔲 |
ion-anchor |
✅ | 🔲 |
ion-app |
✅ | 🔲 |
ion-avatar |
✅ | 🔲 |
ion-back-button |
🔲 | 🔲 |
ion-backdrop |
✅ | 🔲 |
ion-badge |
✅ | 🔲 |
ion-button |
✅ | 🔲 |
ion-buttons |
✅ | 🔲 |
ion-card |
✅ | 🔲 |
ion-card-content |
✅ | 🔲 |
ion-card-header |
✅ | 🔲 |
ion-card-subtitle |
✅ | 🔲 |
ion-card-title |
✅ | 🔲 |
ion-checkbox |
✅ | 🔲 |
ion-chip |
✅ | 🔲 |
ion-col |
✅ | 🔲 |
ion-content |
✅ | 🔲 |
ion-datetime |
✅ | 🔲 |
ion-fab |
✅ | 🔲 |
ion-fab-button |
✅ | 🔲 |
ion-fab-list |
✅ | 🔲 |
ion-footer |
✅ | 🔲 |
ion-grid |
✅ | 🔲 |
ion-header |
✅ | 🔲 |
ion-icon |
✅ | 🔲 |
ion-img |
✅ | 🔲 |
ion-infinite-scroll |
✅ | 🔲 |
ion-input |
✅ | 🔲 |
ion-item |
✅ | 🔲 |
ion-item-divider |
✅ | 🔲 |
ion-item-group |
✅ | 🔲 |
ion-item-option |
✅ | 🔲 |
ion-item-options |
✅ | 🔲 |
ion-item-sliding |
✅ | 🔲 |
ion-label |
✅ | 🔲 |
ion-list |
✅ | 🔲 |
ion-list-header |
✅ | 🔲 |
ion-loading |
✅ | 🔲 |
ion-menu |
✅ | 🔲 |
ion-menu-button |
✅ | 🔲 |
ion-menu-toggle |
✅ | 🔲 |
ion-modal |
✅ | 🔲 |
ion-nav |
✅ | 🔲 |
ion-nav-pop |
🔲 | 🔲 |
ion-nav-push |
🔲 | 🔲 |
ion-nav-set-root |
🔲 | 🔲 |
ion-note |
✅ | 🔲 |
ion-picker |
✅ | 🔲 |
ion-picker-column |
✅ | 🔲 |
ion-popover |
✅ | 🔲 |
ion-progress-bar |
✅ | 🔲 |
ion-radio |
✅ | 🔲 |
ion-radio-group |
✅ | 🔲 |
ion-range |
✅ | 🔲 |
ion-refresher |
✅ | 🔲 |
ion-refresher-content |
✅ | 🔲 |
ion-reorder |
✅ | 🔲 |
ion-reorder-group |
✅ | 🔲 |
ion-ripple-effect |
✅ | 🔲 |
ion-router-outlet |
🔲 | 🔲 |
ion-row |
✅ | 🔲 |
ion-searchbar |
✅ | 🔲 |
ion-segment |
✅ | 🔲 |
ion-segment-button |
✅ | 🔲 |
ion-select |
✅ | 🔲 |
ion-select-option |
✅ | 🔲 |
ion-select-popover |
✅ | 🔲 |
ion-skeleton-text |
✅ | 🔲 |
ion-slide |
✅ | 🔲 |
ion-slides |
✅ | 🔲 |
ion-spinner |
✅ | 🔲 |
ion-split-pane |
✅ | 🔲 |
ion-tab |
✅ | 🔲 |
ion-tab-bar |
✅ | 🔲 |
ion-tab-button |
✅ | 🔲 |
ion-tabs |
✅ | 🔲 |
ion-text |
✅ | 🔲 |
ion-textarea |
✅ | 🔲 |
ion-thumbnail |
✅ | 🔲 |
ion-title |
✅ | 🔲 |
ion-toast |
✅ | 🔲 |
ion-toggle |
✅ | 🔲 |
ion-toolbar |
✅ | 🔲 |
ion-virtual-scroll |
✅ | 🔲 |