该组件可让您为您的页面制作一个wiki信息框。
该组件并未为您放置任何表（table），您必须自己构建它们。以下是一个示例：
步骤1
include此组件页中的信息框样式表：
[[include :backrooms-to-dv:component:infobox-style]]
步骤2
在页面顶部，添加信息框。以下是一个示例：
代码：
[[table class="infobox-table"]]
[[row]]
[[hcell colspan="2"]]
**标题文字**
[[/hcell]]
[[/row]]
[[row]]
[[cell class="desccell" colspan="2"]]
一个厚颜无耻的小标题
[[/cell]]
[[/row]]
[[row]]
[[cell class="desccell" colspan="2"]]
[[[groups|组织]]]的一部分
[[/cell]]
[[/row]]
[[row]]
[[cell class="desccell" colspan="2"]]
[[image http://backrooms-wiki.wdfiles.com/local--files/level-2/macchina.png style="width: 100%;"]]
[[/cell]]
[[/row]]
[[row]]
[[cell class="desccell" colspan="2"]]
//那张奇怪图片的副标题！它来自[Level 2 http://backrooms-wiki-cn.wikidot.com/level-2].//
[[/cell]]
[[/row]]
[[row]]
[[cell class="datastart"]]
**状态**
[[/cell]]
[[cell]]
死亡。
[[/cell]]
[[/row]]
[[row]]
[[cell class="datastart"]]
**更多**
[[/cell]]
[[cell]]
数据资料可以放在这里
[[/cell]]
[[/row]]
[[row]]
[[hcell colspan="2"]]
**另一个页眉**
[[/hcell]]
[[/row]]
[[row]]
[[cell class="datastart"]]
**是的你可以有**
[[/cell]]
[[cell]]
更多玩意儿
[[/cell]]
[[/row]]
[[/table]]结果：
| 标题文字 | |
|---|---|
| 一个厚颜无耻的小标题 | |
| 组织的一部分 | |
 |
|
| 那张奇怪图片的副标题！它来自Level 2. | |
| 状态 | 死亡。 |
| 更多 | 数据资料可以放在这里 |
| 另一个页眉 | |
| 是的你可以有 | 更多玩意儿 |
页眉和
文本在这里游荡，就像一个巨大的图像块在旁边一样。 在手机端，信息框将扩展到整页宽度，这样文本就不会被压成侧面一条。说到这里，您可以在[[table]]上使用style=“width:300px；”}或类似的东西来更改信息框表的宽度。
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus. Quam viverra orci sagittis eu. Urna nec tincidunt praesent semper feugiat nibh sed pulvinar. Arcu dui vivamus arcu felis bibendum ut tristique et egestas. Dapibus ultrices in iaculis nunc sed. Mattis nunc sed blandit libero volutpat sed cras ornare. Porttitor eget dolor morbi non arcu. Egestas integer eget aliquet nibh praesent tristique magna. Porttitor rhoncus dolor purus non enim praesent. Leo integer malesuada nunc vel risus commodo viverra maecenas accumsan.1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Habitant morbi tristique senectus et netus. Quam viverra orci sagittis eu. Urna nec tincidunt praesent semper feugiat nibh sed pulvinar. Arcu dui vivamus arcu felis bibendum ut tristique et egestas. Dapibus ultrices in iaculis nunc sed. Mattis nunc sed blandit libero volutpat sed cras ornare. Porttitor eget dolor morbi non arcu. Egestas integer eget aliquet nibh praesent tristique magna. Porttitor rhoncus dolor purus non enim praesent. Leo integer malesuada nunc vel risus commodo viverra maecenas accumsan.