内联组件是可以用在 HTML 文档中的组件。这允许你创建普通的 HTML 页面，然后可以扩展它们包含 Bindows 组件。
不像其它普通的 Bindows 应用程序，带有内联组件的 Bindows 应用程序，不能使用默认的空宿主文档。作为代替你可以为你的应用程序创建一个新的 HTML 文档。这个文档基于普通的宿主文档，它使用相同的样式表。然而，大多数情况下，你可以重载一些样式使之符合你的需求。
<!-- Back Compat --> <html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>Hello World</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="MsThemeCompatible" content="yes"> <meta http-equiv="ImageToolBar" content="no"> <link type="text/css" rel="StyleSheet" href="../../html/css/bimain.css"> <script type="text/javascript" src="../../html/js/application.js"></script> <style type="text/css"> body { overflow: auto; background: white; color: black; padding: 10px; } </style> </head> <body> <script type="text/javascript">application.start("../../html/", "Inline.xml");</script> <!-- Insert your document markup here --> </body> </html>
这改变背景色为白色，在需要时添加滚动条，并加了一些内补丁（padding）。 我们通过一个叫 Inline.xml 的应用程序开始。这是一个使用了内联组件的普通 Bindows 应用程序。
内联组件通过添加 BiInlineComponents 到应用程序窗口实现。这些组件能包含其它 Bindows 组件用于构建更为复杂的用户界面。不像普通的组件，内联组件在宿主文档的标记中被创建。这就允许宿主文档定义组件的位置。
内联组件在宿主文档中定义了相关的 HTML 元素。这个元素可以定义在任何你想要的位置，比如表格单元格或者作为一个漂浮元素。
<div id="my-inline-component"></div>
现在我们就能定义 HTML 元素，使之担当内联组件的角色，我们可以进入 Bindows 应用程序调用它。
var ic = new BiInlineComponent( "my-inline-div" ); application.getWindow().add( ic )
...或者使用 Bindows 标记：
<InlineComponent inlineId="my-inline-component"/>
