javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 15:51:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(react): update component usage docs (#17615)

Browse Source
This commit is contained in:
Josh Thomas
2019-02-26 08:54:01 -06:00
committed by GitHub
parent f44c17e03b
commit 22d1aeebaa
113 changed files with 7207 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
core/src/components/thumbnail/readme.md
View File

@ -26,6 +26,32 @@ Thumbnails can be used by themselves or inside of any element. If placed inside
```
### React
```tsx
import React from 'react';
import { IonThumbnail, IonItem, IonLabel } from '@ionic/react';
const Example: React.SFC<{}> = () => (
<>
<IonThumbnail>
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y" />
</IonThumbnail>
<IonItem>
<IonThumbnail slot="start">
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y" />
</IonThumbnail>
<IonLabel>Item Thumbnail</IonLabel>
</IonItem>
</>
);
export default Example;
```
## CSS Custom Properties

22
core/src/components/thumbnail/usage/react.md Normal file
View File

@ -0,0 +1,22 @@
```tsx
import React from 'react';
import { IonThumbnail, IonItem, IonLabel } from '@ionic/react';
const Example: React.SFC<{}> = () => (
<>
<IonThumbnail>
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y" />
</IonThumbnail>
<IonItem>
<IonThumbnail slot="start">
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y" />
</IonThumbnail>
<IonLabel>Item Thumbnail</IonLabel>
</IonItem>
</>
);
export default Example;
```