Socket
Socket
Sign inDemoInstall

react-wordart

Package Overview
Dependencies
228
Maintainers
1
Versions
15
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    react-wordart

The nostalgic WordArt we know just in react


Version published
Maintainers
1
Install size
20.7 MB
Created

Readme

Source

react-wordart (demo)

The nostalgic WordArt we know just in react - Hackernoon Post

NPM JavaScript Style Guide Build Status

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

PropertyTypeRequiredDefault valueDescription
textstringyes
themestringnorainbowWordArt theme.
fontSizenumberno50

Available Themes

ThemeOutput
rainbowscreen shot 2019-01-31 at 18 19 05
bluesscreen shot 2019-01-31 at 18 19 09
superheroscreen shot 2019-01-31 at 18 19 14
radialscreen shot 2019-01-31 at 18 19 18
tiltscreen shot 2019-01-31 at 18 19 21
purplescreen shot 2019-01-31 at 18 19 24
horizonscreen shot 2019-01-31 at 18 19 27
italicOutlinescreen shot 2019-01-31 at 18 19 31
slatescreen shot 2019-01-31 at 18 19 34

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.

FAQs

Last updated on 15 Jan 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc