mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 04:53:58 +08:00
104 lines
6.1 KiB
Markdown
104 lines
6.1 KiB
Markdown
|
|
## React
|
|
|
|
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](https://github.com/ionic-team/ionic-react-conference-app)
|
|
|
|
## To Build
|
|
|
|
Run `npm run build` to build a distro to `dist` directory.
|
|
|
|
# Current Status of Components
|
|
|
|
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` | :white_check_mark: | :black_square_button: |
|
|
| `ion-alert` | :white_check_mark: | :black_square_button: |
|
|
| `ion-anchor` | :white_check_mark: | :black_square_button: |
|
|
| `ion-app` | :white_check_mark: | :black_square_button: |
|
|
| `ion-avatar` | :white_check_mark: | :black_square_button: |
|
|
| `ion-back-button` | :black_square_button: | :black_square_button: |
|
|
| `ion-backdrop` | :white_check_mark: | :black_square_button: |
|
|
| `ion-badge` | :white_check_mark: | :black_square_button: |
|
|
| `ion-button` | :white_check_mark: | :black_square_button: |
|
|
| `ion-buttons` | :white_check_mark: | :black_square_button: |
|
|
| `ion-card` | :white_check_mark: | :black_square_button: |
|
|
| `ion-card-content` | :white_check_mark: | :black_square_button: |
|
|
| `ion-card-header` | :white_check_mark: | :black_square_button: |
|
|
| `ion-card-subtitle` | :white_check_mark: | :black_square_button: |
|
|
| `ion-card-title` | :white_check_mark: | :black_square_button: |
|
|
| `ion-checkbox` | :white_check_mark: | :black_square_button: |
|
|
| `ion-chip` | :white_check_mark: | :black_square_button: |
|
|
| `ion-col` | :white_check_mark: | :black_square_button: |
|
|
| `ion-content` | :white_check_mark: | :black_square_button: |
|
|
| `ion-datetime` | :white_check_mark: | :black_square_button: |
|
|
| `ion-fab` | :white_check_mark: | :black_square_button: |
|
|
| `ion-fab-button` | :white_check_mark: | :black_square_button: |
|
|
| `ion-fab-list` | :white_check_mark: | :black_square_button: |
|
|
| `ion-footer` | :white_check_mark: | :black_square_button: |
|
|
| `ion-grid` | :white_check_mark: | :black_square_button: |
|
|
| `ion-header` | :white_check_mark: | :black_square_button: |
|
|
| `ion-icon` | :white_check_mark: | :black_square_button: |
|
|
| `ion-img` | :white_check_mark: | :black_square_button: |
|
|
| `ion-infinite-scroll` | :white_check_mark: | :black_square_button: |
|
|
| `ion-input` | :white_check_mark: | :black_square_button: |
|
|
| `ion-item` | :white_check_mark: | :black_square_button: |
|
|
| `ion-item-divider` | :white_check_mark: | :black_square_button: |
|
|
| `ion-item-group` | :white_check_mark: | :black_square_button: |
|
|
| `ion-item-option` | :white_check_mark: | :black_square_button: |
|
|
| `ion-item-options` | :white_check_mark: | :black_square_button: |
|
|
| `ion-item-sliding` | :white_check_mark: | :black_square_button: |
|
|
| `ion-label` | :white_check_mark: | :black_square_button: |
|
|
| `ion-list` | :white_check_mark: | :black_square_button: |
|
|
| `ion-list-header` | :white_check_mark: | :black_square_button: |
|
|
| `ion-loading` | :white_check_mark: | :black_square_button: |
|
|
| `ion-menu` | :white_check_mark: | :black_square_button: |
|
|
| `ion-menu-button` | :white_check_mark: | :black_square_button: |
|
|
| `ion-menu-toggle` | :white_check_mark: | :black_square_button: |
|
|
| `ion-modal` | :white_check_mark: | :black_square_button: |
|
|
| `ion-nav` | :white_check_mark: | :black_square_button: |
|
|
| `ion-nav-pop` | :black_square_button: | :black_square_button: |
|
|
| `ion-nav-push` | :black_square_button: | :black_square_button: |
|
|
| `ion-nav-set-root` | :black_square_button: | :black_square_button: |
|
|
| `ion-note` | :white_check_mark: | :black_square_button: |
|
|
| `ion-picker` | :white_check_mark: | :black_square_button: |
|
|
| `ion-picker-column` | :white_check_mark: | :black_square_button: |
|
|
| `ion-popover` | :white_check_mark: | :black_square_button: |
|
|
| `ion-progress-bar` | :white_check_mark: | :black_square_button: |
|
|
| `ion-radio` | :white_check_mark: | :black_square_button: |
|
|
| `ion-radio-group` | :white_check_mark: | :black_square_button: |
|
|
| `ion-range` | :white_check_mark: | :black_square_button: |
|
|
| `ion-refresher` | :white_check_mark: | :black_square_button: |
|
|
| `ion-refresher-content` | :white_check_mark: | :black_square_button: |
|
|
| `ion-reorder` | :white_check_mark: | :black_square_button: |
|
|
| `ion-reorder-group` | :white_check_mark: | :black_square_button: |
|
|
| `ion-ripple-effect` | :white_check_mark: | :black_square_button: |
|
|
| `ion-router-outlet` | :black_square_button: | :black_square_button: |
|
|
| `ion-row` | :white_check_mark: | :black_square_button: |
|
|
| `ion-searchbar` | :white_check_mark: | :black_square_button: |
|
|
| `ion-segment` | :white_check_mark: | :black_square_button: |
|
|
| `ion-segment-button` | :white_check_mark: | :black_square_button: |
|
|
| `ion-select` | :white_check_mark: | :black_square_button: |
|
|
| `ion-select-option` | :white_check_mark: | :black_square_button: |
|
|
| `ion-select-popover` | :white_check_mark: | :black_square_button: |
|
|
| `ion-skeleton-text` | :white_check_mark: | :black_square_button: |
|
|
| `ion-slide` | :white_check_mark: | :black_square_button: |
|
|
| `ion-slides` | :white_check_mark: | :black_square_button: |
|
|
| `ion-spinner` | :white_check_mark: | :black_square_button: |
|
|
| `ion-split-pane` | :white_check_mark: | :black_square_button: |
|
|
| `ion-tab` | :white_check_mark: | :black_square_button: |
|
|
| `ion-tab-bar` | :white_check_mark: | :black_square_button: |
|
|
| `ion-tab-button` | :white_check_mark: | :black_square_button: |
|
|
| `ion-tabs` | :white_check_mark: | :black_square_button: |
|
|
| `ion-text` | :white_check_mark: | :black_square_button: |
|
|
| `ion-textarea` | :white_check_mark: | :black_square_button: |
|
|
| `ion-thumbnail` | :white_check_mark: | :black_square_button: |
|
|
| `ion-title` | :white_check_mark: | :black_square_button: |
|
|
| `ion-toast` | :white_check_mark: | :black_square_button: |
|
|
| `ion-toggle` | :white_check_mark: | :black_square_button: |
|
|
| `ion-toolbar` | :white_check_mark: | :black_square_button: |
|
|
| `ion-virtual-scroll` | :white_check_mark: | :black_square_button: |
|