examples

This page lists various Markdown styles and demos rendered by dumi.

For Demo

Embed Code

Translate TS to JS

源代码类型转换

如果我们的 demo 是采用 TSX 编写的,在展开源代码后,点击一旁的语言切换按钮,可切换显示成 JSX 的代码

Multiple dependencies

基础 Modal

这是 antd Modal 组件的基础示例

Functional Buttons

通过code标签引入

设置 hideAction 属性,例:hideActions='["CSB", "EXTERNAL"]'

Code Block

setting by comments in code block. For examples: hideActions: ["CSB", "EXTERNAL"]

Header One

Header Two

Header Three

Header Four

Header Five
Header Six

Horizon Line


Emphasize

Blod Font

Italics Font

Delete

Blockquotes

Blockquotes can nested

Blockquotes can nested Blockquotes

Lists

unordered List

  • To create an unordered list, preface each item in the list with +- or *
  • list can nest another list, remember to indent sub-list
    • here is sub-list

ordered list

  1. dumi is not based on father
  2. dumi is based on Umi
  3. the core of dumi is a plugin for Umi

Code

inline code

Code Block:

// some code here

Highlight

console.log('Hello World!');

Mathematica

Lift(LL) can be determined by Lift Coefficient (CLC_L) like the following equation.

L=12ρv2SCLL = \frac{1}{2} \rho v^2 S C_L

Table

nounsexplanations
fatherLibrary toolkit based on rollup, docz, storybook, jest, prettier and eslint.
UmiPluggable enterprise-level react application framework.

cell to right aligned

nounsexplanations
fatherLibrary toolkit based on rollup, docz, storybook, jest, prettier and eslint.
UmiPluggable enterprise-level react application framework.

visit Umi official site

automatic transform into Links https://umijs.org