1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-react-useragent/pages/index.js
Quentin Sommer def2ce7eda feat: Added react-useragent example (#5507)
Add an example how to use `@quentin-sommer/react-useragent` with next.

I've been asked this https://github.com/quentin-sommer/react-useragent/issues/10 and plan to link this example as reference!

See readme for details
2018-10-23 23:33:41 +02:00

48 lines
1.2 KiB
JavaScript

import React, {Component} from 'react'
import {UserAgent} from '@quentin-sommer/react-useragent'
class Index extends Component {
render () {
return (
<div>
<p>
The following texts render conditionally depending of your user-agent,
try visiting with another device or using the chrome dev tools device
emulator !
</p>
<UserAgent android>
<div>
<p>You seem to be on an android device</p>
</div>
</UserAgent>
<UserAgent ios>
<div>
<p>You seem to be on an ios device</p>
</div>
</UserAgent>
<UserAgent computer>
<div>
<p>You seem to be on a computer</p>
</div>
</UserAgent>
<UserAgent linux>
<p>Hello Linux!</p>
</UserAgent>
<UserAgent mac>
<p>Hello MacOS!</p>
</UserAgent>
<UserAgent windows>
<p>Hello Windows!</p>
</UserAgent>
<div>
<a href='https://github.com/quentin-sommer/react-useragent'>
See full documentation here
</a>
</div>
</div>
)
}
}
export default Index