官方组件
obook 官方还提供了许多可直接使用的组件，方便您在文档中进行展示。
files-viewer
这个组件用于展示多个文件，可以预览其中的一个HTML页面。在组件中，main属性的<a>标签代表首先选中的文件，而previewer代表要预览的HTML文件。您可以参考ofa.js官网源代码中的使用示例：
<files-viewer style="width:100%">
<a href="../footer.html" preview></a>
<a href="../en/config.json" main></a>
<a href="../publics/logo.svg"></a>
</files-viewer>
html-viewer
此组件用于预览HTML代码，您可以在其中放置多个代码块，最终预览效果是所有代码块按顺序拼接在一起。您可以参考ofa.js官网源代码中的使用示例：
<html-viewer>
<!-- HTML代码块 -->
...
</html-viewer>
comp-viewer
这是一个专门用于预览ofa.js组件的组件。您可以在其中指定组件名称（comp-name），然后插入组件代码块。您可以参考ofa.js官网源代码中的使用示例：
<comp-viewer comp-name="component-name">
<!-- 组件代码块 -->
...
</comp-viewer>