1.10.0 • Published 2 years ago
react-wordart v1.10.0
react-wordart (demo)
The nostalgic WordArt we know just in react - Hackernoon Post
css-wordart
Based on my css-wordart repo
Install
npm install --save react-wordart
Usage
import React, { Component } from 'react'
import WordArt from 'react-wordart'
class Example extends Component {
render () {
return (
<WordArt text='I Love WordArt' theme={`rainbow`} fontSize={100} />
)
}
}
Properties
Property | Type | Required | Default value | Description |
---|---|---|---|---|
text | string | yes | ||
theme | string | no | rainbow | WordArt theme. |
fontSize | number | no | 50 |
Available Themes
Theme | Output |
---|---|
rainbow | |
blues | |
superhero | |
radial | |
tilt | |
purple | |
horizon | |
italicOutline | |
slate |
Development
Local development is broken into two parts (ideally using two tabs).
First, run rollup to watch your src/
module and automatically recompile it into dist/
whenever you make changes.
npm start # runs rollup with watch flag
The second part will be running the example/
create-react-app that's linked to the local version of your module.
# (in another tab)
cd example
npm start # runs create-react-app dev server
Now, anytime you make a change to your library in src/
or to the example app's example/src
, create-react-app
will live-reload your local dev server so you can iterate on your component in real-time.
License
MIT © yershalom
This module was bootstrapped with create-react-library.