---json
{
    "canonical": ":ui:component",
    "description": "Components are the units of content creation for a page. Together, they create the content of the page.",
    "page_id": "ord0ca7pfzp4fdhgm5mbc"
}
---

====== ComboStrap - UI Components ======

===== About =====
''components'' are the units of content creation for a page.

Writing a page consists of:
  * writing a text 
  * that is styled and laid out with markup components.

ComboStrap groups them in categories.

^ Type ^ Example ^
| [[docs:content:content|Content (Inline)]] | Text, Image, Icon, .. |
| [[docs:block:block|Block]] | Card, Note, Code, ... |
| [[docs:navigation:navigation|Navigational]] | Page Explorer, Toc, tabs, ... |
| [[docs:layout:component:component|Layout]] | Tabs, panel, grid, ... |
| [[docs:lists:lists|Lists]] | List of line, records or content |