mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
6ef7625ba6
The existing example currently does not work because of outdated usage patterns. This PR seeks to update these patterns to the latest recommended best practice while bumping versions. # Summary - Bumped version numbers in `package.json`; - Moved `<link />` tag from `pages/index.js` to `pages/_document.js` as is [recommended](https://github.com/zeit/next-plugins/tree/master/packages/next-css#usage); - Replace individual css/font imports with import of minified CSS as is [recommended](https://react.semantic-ui.com/usage#semantic-ui-css-package); - Removed prop (no longer used) from `<List />` element.
38 lines
1 KiB
JavaScript
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>
|
|
)
|