ComboStrap Styling - HTML super set

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.

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
  • the styling attributes
  • or the html attributes

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>

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">

• More ? See the styling attributes

All HTML attributes are supported on every component and in particularly, you may use the:

• class
• style

for advanced styling