Files
ionic-framework/packages/react/test/test-app/src/App.tsx
Adam Bradley 69e10de718 refactor(ionicons): update to ionicons v5 (#19670)
* 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
2019-11-20 09:53:32 -05:00

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;