npm.io
2.0.0-alpha.4 • Published 4 years ago

@yozora/react-inline-code

Licence
MIT
Version
2.0.0-alpha.4
Deps
0
Size
8 kB
Vulns
0
Weekly
0
Stars
7

@yozora/react-inline-code


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

Install

  • npm

    npm install --save @yozora/react-inline-code
  • yarn

    yarn add @yozora/react-inline-code

Usage

  • Basic:

    import React from 'react'
    import InlineCode from '@yozora/react-inline-code'
    import '@yozora/react-inline-code/lib/esm/index.css'
    
    const wrapper = (
      <InlineCode
        value="Hello, world!"
        style={ { color: 'orange', fontSize: '16px' } }
      />
    )
Props
Name Type Required Default Description
className string false - Root css class
style React.CSSProperties false - Root css style
value string true - Source codes
  • className: The root element of this component will always bind with the CSS class 'yozora-inline-code'.