roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-06-17 10:39:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

breakout demo data

Browse source
This commit is contained in:
41666 2019-03-20 00:24:19 -05:00
parent 29ea3279c9
commit 11a6e2d85c
3 changed files with 15 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

17
ui/components/demos/typing.js
View file

@ -3,6 +3,7 @@ import moment from 'moment'
import Typist from 'react-typist'
import styled from 'styled-components'
import MediaQuery from '../../kit/media'
import demoRoles from '../../config/demo'
const Outer = styled.div`
background-color: var(--dark-but-not-black);
@ -72,18 +73,10 @@ const Typing = () => <Outer>
</Chat>
<TextArea>
<Typist cursor={{ blink: true }}>
<span>.iam a cute role ♡</span>
<Typist.Backspace count={30} delay={1500} />
<span>.iam a vanity role ♡</span>
<Typist.Backspace count={30} delay={1500} />
<span>.iam a brave role ♡</span>
<Typist.Backspace count={30} delay={1500} />
<span>.iam a proud role ♡</span>
<Typist.Backspace count={30} delay={1500} />
<span>.iam a wonderful role ♡</span>
<Typist.Backspace count={30} delay={1500} />
<span>.iam a 日本語 role ♡</span>
<Typist.Backspace count={30} delay={1500} />
{ demoRoles.map(({ name }) => [
<span>.iam {name}</span>,
<Typist.Backspace count={30} delay={1500} />
]) }
<span>i have too many roles.</span>
</Typist>
</TextArea>