This component is for rendering the FootnoteReference data produced by @yozora/tokenizer-footnote-reference.
This component has been built into @yozora/react-markdown, you can use it directly.

Install

• npm

  npm install --save @yozora/react-footnote-reference

• yarn

  yarn add @yozora/react-footnote-reference

Usage

• Basic:

  import React from 'react'
  import FootnoteReference from '@yozora/react-footnote-reference'
  
  const wrapper = (
    <FootnoteReference 
      identifier="footnote-1" 
      label="1"
      style={{ color: 'orange', fontSize: '16px' }}>
    />
  )

Props

Name | Type | Required | Default | Description :----------:|:---------------------:|:---------:|:-------:|:------------- className | string | false | - | Root css class identifier| string | true | - | Footnote reference identifier label | string | true | - | Footnote reference label style | React.CSSProperties | false | - | Root css style

• identifier: The prefix reference- will be added automatically.

• className: The root element of this component will always bind with the CSS class 'yozora-footnote-reference'

Related

• @yozora/ast
• @yozora/react-footnote-definitions
• @yozora/react-markdown
• @yozora/tokenizer-footnote
• @yozora/tokenizer-footnote-definition
• @yozora/tokenizer-footnote-reference
• footnoteReference | Mdast