Skip to content

Latest commit

 

History

History
63 lines (53 loc) · 1 KB

README.md

File metadata and controls

63 lines (53 loc) · 1 KB
Raw

concealed

Tired of Lorem Ipsum? Use dummy text blocks.

Using

Browser Global

<head>
  ...
  <script src="concealed.js"></script>
</head>
<body>
  ...
  <h1 data-conceal="3"></h1>
  <div class="summary" data-conceal="15"></div>
  ...
  <script>
    Conceal()
  </script>
</body>

Module

yarn install concealed

import conceal from 'concealed'
import React from 'react'
import ReactDOM from 'react-dom'

const App = () => (
  <div>
    <div className="content">
      <h1 data-conceal="2"></h1>
    </div>
    <div className="content">
      <h2 data-conceal="4"></h2>
      <div className="summary" data-conceal="50"></div>
    </div>
    <div className="content">
      <h2 data-conceal="3"></h2>
      <div className="summary" data-conceal="30"></div>
    </div>
    <div className="content">
      <h2 data-conceal="2"></h2>
      <div className="summary" data-conceal="20"></div>
    </div>
  </div>
)

ReactDOM.render(
  <App />,
  document.body,
)

conceal()