react-asciidoc

React wrapper around Asciidoctor.js

Demo

Here is an examples page

Install

# Yarn 
yarn add react-asciidoc
 
# NPM 
npm install --save react-asciidoc

Usage

import React from 'react';
import Asciidoc from 'react-asciidoc';
import 'react-asciidoc/style.css'; // base Asciidoc style
 
const DemoComponent = () => <Asciidoc>*Asciidoc* content here...</Asciidoc>;

Styling

Use can use custom CSS. More info here...

API

Props

Property	Type	Required?	Description
children	String	✓	Asciidoc content as string
style	Object		Optional inline style to attach to outermost element.
className	String		Optional CSS className to attach to outermost element.
outerTagName	string		Tag name passed to document.createElement to create the outer container element. This is an advanced property; in most cases, the default ("div") should be used.

License

MIT © avin