ComboStrap Styling - HTML super set
Table of Contents
1 - About
The UI ComboStrap components are all super set tag of the HTML language.
They follow the same rules and you may then use them as every HTML element.
Below, we describe the syntax, they all have in common.
2 - Articles Related
3 - Syntax
Every UI component follows the following syntax
<component type name1="value1" ... nameN="valueN" >
<!-- content -->
</component>
where:
- type is the type of component. Not every component has a type but if it's the case, you don't need to set a name for it.
- nameX=“valueX” are attributes that may be:
- specific to this component
- or the html attributes
3.1 - Type
Example with a note, the fully HTML compliant syntax is
<note type="tip">A tip note</note>
but with the superset ComboStrap components, you may write
<note tip>A tip note</note>
3.2 - Styling
Every component implements also a set of styling attributes
Example:
- The tree colors attributes can be passed natively. You can write:
<component color="blue">
- The dimension attributes (width and height) are also taken into account in each component. You can write:
<component width="100px">
3.3 - HTML
All HTML attributes are supported on every component and in particularly, you may use the:
for advanced styling