mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
* refactor(ionicons): update to ionicons v5 * refactor(back-button): update back button icon to v5 ionicons * refactor(item): update default detail icon to chevron-forward * refactor(reorder): update reorder icon for ionicons v5 * refactor(searchbar): use search-sharp * refactor(searchIcon): update v5 ionicon * refactor(clearIcon): update searchbar clear icon * refactor(cancelButton): update to arrow-back-sharp * refactor(menuIcon): update to v5 ionicons * api readme updates * update react and vue ionicons * add ionicons to react deps * add ionicons to ionic/vue deps * add icon to react test * updates * fix back button regression for no icon * update tests * fix more tests * fix more icons * update ionicons version * fix circle icons * add correct ellipsis
28 lines
680 B
TypeScript
28 lines
680 B
TypeScript
import { IonApp, IonContent, IonHeader, IonIcon, IonItem, IonLabel, IonList, IonTitle, IonToolbar } from '@ionic/react';
|
|
import { logoIonic } from 'ionicons/icons';
|
|
import React from 'react';
|
|
|
|
const App: React.FC = () => {
|
|
return (
|
|
<IonApp>
|
|
<IonHeader>
|
|
<IonToolbar>
|
|
<IonTitle>Welcome to React</IonTitle>
|
|
</IonToolbar>
|
|
</IonHeader>
|
|
<IonContent>
|
|
<IonList>
|
|
<IonItem button>
|
|
<IonIcon icon={logoIonic} slot="start"></IonIcon>
|
|
<IonLabel>
|
|
Test something
|
|
</IonLabel>
|
|
</IonItem>
|
|
</IonList>
|
|
</IonContent>
|
|
</IonApp>
|
|
);
|
|
};
|
|
|
|
export default App;
|