Pencil-react-onboarding NPM

pencil-react-onboarding

Is a library for onboarding

Install

npm install --save pencil-react-onboarding

Usage

import React, { Component } from 'react'

import MyComponent from 'pencil-react-onboarding'

## Example

En mi archivo index.js :
<head>

	<link href="https://fonts.googleapis.com/css?family=Comfortaa:300,400,700|Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">

</head>

const _info = [
	{
		_element_id:'app',
		img:'img_route',
		_title:'HISTORY, PURPOSE AND USAGE',
		_text:'Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero'

	},
	{
		_element_id:'id',
		img:'img_route',
		_title:'HEDONIST ROOTS',
		_text:'Until recently, the prevailing view assumed lorem ipsum was born as a nonsense text."Its not Latin, though it looks like it, and it actually says nothing," Before & After magazine answered a curious reader, “Its ‘words’ loosely approximate the frequency with which letters occur in English, which is why at a glance it looks pretty real'

	},
	{
		_element_id:'id',
		img:'img_route',
		_title:'REMIXING A CLASSIC',
		_text:'Its difficult to find examples of lorem ipsum in use before Letraset made it popular as a dummy text in the 1960s, although McClintock says he remembers coming across the lorem ipsum passage in a book of old metal type samples. So far he hasnt relocated where he once saw the passage, but the popularity of Cicero in the 15th century supports the theory that the filler text has been used for centuries'

	},
	{
		_element_id:'id',
		img:'img_route',
		_title:'INTERPRETING NONSENSE',
		_text:'One brave soul did take a stab at translating the almost-not-quite-Latin. According to The Guardian, Jaspreet Singh Boparai undertook the challenge with the goal of making the text “precisely as incoherent in English as it is in Latin - and to make it incoherent in the same way'

	},
	{
		_element_id:'id',
		img:'img_route',
		_title:'DIGITAL IPSUM',
		_text:'The French lettering company Letraset manufactured a set of dry-transfer sheets which included the lorem ipsum filler text in a variety of fonts, sizes, and layouts. These sheets of lettering could be rubbed on anywhere and were quickly adopted by graphic artists, printers, architects, and advertisers for their professional look and ease of use'

	}
]


class Example extends Component {
  render () {
    return (
      <MyComponent info={_info} />
    )
  }
}

License

MIT © JuanCamiloMendozaBalanta

@infinitebrahmanuniverse/nolb-pen @everything-registry/sub-chunk-2424

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago