rsnext/examples/with-semantic-ui/pages/index.js
Tim Neutkens 9c4eefcdbf
Add prettier for examples directory (#5909)
* Add prettier for examples directory

* Fix files

* Fix linting

* Add prettier script in case it has to be ran again
2018-12-17 17:34:32 +01:00

38 lines
1 KiB
JavaScript

import 'semantic-ui-css/semantic.min.css'
import { Modal, Header, Button, List, Icon } from 'semantic-ui-react'
export default () => (
<div>
<Modal trigger={<Button>Show Modal</Button>}>
<Modal.Header>Select a Photo</Modal.Header>
<Modal.Content image>
<Modal.Description>
<Header>Default Profile Image</Header>
<p>
We have found the following gravatar image associated with your
e-mail address.
</p>
<p>Is it okay to use this photo?</p>
</Modal.Description>
</Modal.Content>
</Modal>
<List relaxed>
<List.Item>
<List.Content>
<List.Header as='a'>Next.js</List.Header>
</List.Content>
</List.Item>
<List.Item>
<List.Content>
<List.Header as='a'>React</List.Header>
</List.Content>
</List.Item>
<List.Item>
<List.Content>
<List.Header as='a'>Vue.js</List.Header>
</List.Content>
</List.Item>
</List>
Hello <Icon name='world' />
</div>
)