1.3 #Components - Info Sheet Info Sheet
Info Sheet is simply designed for displaying key-value-paired data. It's only for plain text data and you should never try to embed any other compoents in it, except badges. It's great for showing something like a ticket or pass. Also make sure that your key should be concise; Longer key may result in a ugly multiline label.
Example
用户名
laosb
手机号码
+1 (555) 555 5555
备注
并不住在美国，但是用着一个美国手机号。他是 Holakit 的最初作者及维护者，常常诈尸。
Markup: components/infosheet.html
<div class="hola-infosheet">
<div class="hola-infosheet-row">
<span class="hola-infosheet-key">用户名</span>
<p class="hola-infosheet-value">laosb</p>
</div>
<div class="hola-infosheet-row">
<span class="hola-infosheet-key">手机号码</span>
<p class="hola-infosheet-value">+1 (555) 555 5555</p>
</div>
<div class="hola-infosheet-row">
<span class="hola-infosheet-key">备注</span>
<p class="hola-infosheet-value">并不住在美国，但是用着一个美国手机号。他是 Holakit 的最初作者及维护者，常常诈尸。</p>
</div>
</div>
Source:
components/infosheet.css, line 1