mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-02-02 20:04:13 +08:00

Files

Josh Thomas f46cd507c2 feat(react): complete controller integrations and navigation (#16849 )

* fix(react): correct controller types and reexport AlertOptions.

* feat(): add Ion Stack and Tabs navigation items based on React Router.

* rework tabs and add router outlet

* fixes to the outlet rendering.

* add direction as state

* fixed transitions

* Update to core rc2.

2019-01-22 14:09:58 -06:00

src

feat(react): complete controller integrations and navigation (#16849 )

2019-01-22 14:09:58 -06:00

test

feat(react): Initial implementations of controller required elements. (#16817 )

2018-12-19 10:27:11 -06:00

.npmrc

chore(package): disable package-lock for react

2018-07-11 13:43:18 -05:00

package.json

feat(react): complete controller integrations and navigation (#16849 )

2019-01-22 14:09:58 -06:00

README.md

docs(react): remove ion-animation from the list of components. (#16840 )

2018-12-20 11:08:02 -06:00

tsconfig.json

feat(react): Initial implementations of controller required elements. (#16817 )

2018-12-19 10:27:11 -06:00

tslint.json

chore(packages): move the packages to root

2018-03-12 16:02:25 -04:00

README.md

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

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`	✅	🔲
`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`	✅	🔲