@yozora/react-heading NPM | npm.io

2.0.0-alpha.4 • Published 3 years ago

Install

Weekly downloads

8

License

MIT

Repository

Last release

3 years ago

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

Install

npm

npm install --save @yozora/react-heading

yarn
```
yarn add @yozora/react-heading
```

Usage

Basic:

import React from 'react'
import Heading from '@yozora/react-heading'
import '@yozora/react-heading/lib/esm/index.css'

const wrapper = (
  <Heading
    level={2}
    identifier="heading-waw"
    style={{ color: 'orange', fontSize: '16px' }}
  >
    Heading *waw*, 中文标题“这”
  </Heading>
)

Props

Name	Type	Required	Default	Description
`children`	`React.ReactNode`	`false`	-	Heading contents
`className`	`string`	`false`	-	Root css class
`identifier`	`string`	`false`	-	Heading identifier
`level`	`1\|2\|3\|4\|5\|6`	`true`	-	Heading level
`linkIcon`	`React.ReactNode`	`false`	`'¶'`	Heading link icon
`style`	`React.CSSProperties`	`false`	-	Root css style

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

Related

mdast node renderer markdown heading

@infinitebrahmanuniverse/nolb-_yoz @everything-registry/sub-chunk-1044 @zalastax/nolb-_yoz

3 years ago

3 years ago

4 years ago

4 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago