exmpl

React components to quickly demonstrate and document your creation.

Usage no npm install needed!

<script type="module">
  import exmpl from 'https://cdn.skypack.dev/exmpl';
</script>

README

exmpl

exmpl

Quickly create stylish previews for your digital creations

See the Version 1 branch for the old CSS based version documentation.

exmpl Demo npm

Installation & Usage

npm i exmpl

import React from 'react'
import { render } from 'react-dom'
import { Exmpl, Code } from 'exmpl'

render(
  <Exmpl title="exmpl Demo" npm="exmpl" github="tobua/exmpl">
    <p>This is the introduction.</p>
    <h2>Installation & Usage</h2>
    <Code>{`npm i exmpl`}</Code>
  </Exmpl>,
  document.body
)

title can be any React element, npm and github are optional and can be preprended with further icons.

<Exmpl
  title={<h4>Title</h4>}
  icons={<a href="google.com">Google</a>}
  npm="exmpl"
/>

Elements

Includes Button, Input, Grid, Code and Tabs elements, refer to the Demo for usage documentation.