以下是各个组件的的实际显示效果：
提示条 - Info
信息提示
你收到了一条来自三体星人的回复。
你收到了一条来自三体星人的回复。
提示条 - Success
成功提示
操作完成，银行卡进账十亿万元。
操作完成，银行卡进账十亿万元。
提示条 - Warning
警告提示
不要回复，不要回复，不要回复。
不要回复，不要回复，不要回复。
提示条 - Error
错误提示
操作失败，二向箔已被激发。
操作失败，二向箔已被激发。
折叠块
标题
这里放内容
表格
| 姓名 | 职位 | 部门 | 状态 |
|---|---|---|---|
| 小新 | 动感超人代言人 | 春日部防卫队 | 放学回家中 |
| 美伢 | 家庭财政部长 | 野原家 | 睡午觉中 |
| 广志 | 啤酒鉴赏家 | 双叶商事 | 地铁上打瞌睡 |
高亮
//普通多行高亮
console.log("Allo");
console.log("World");
//普通单行高亮
console.log("ok");
// info高亮
alert("Info !");
// Success高亮
alert("Success !");
// Warning高亮
alert("Warning !");
// Error高亮
alert("Fetal error !");
// 自定义多行高亮
alert("Fetal error: ");
alert("A huge bug");
alert("was born !!");
文件树
root_folder/
├── a_file.txt
├── subfolder/
│ ├── nested_file.txt
│ └── another_file.txt
└── last_file.txt命令行
pwd
/usr/home/chris/bin
ls -la
total 2
drwxr-xr-x 2 chris chris 11 Jan 10 16:48 .
drwxr--r-x 45 chris chris 92 Feb 14 11:10 ..
-rwxr-xr-x 1 chris chris 444 Aug 25 2013 backup
-rwxr-xr-x 1 chris chris 642 Jan 17 14:42 deploy