---json
{
    "page_id": "lhmhhzg4kz18lomziq5ae"
}
---
====== ComboStrap UI - Brand Button or Link ======

===== About =====
''brand'' is a [[docs:component|component]] that creates a ''company'' / ''brand''  [[docs:content:button|button]] or [[docs:content:link|link]] with the corresponding:
  * logo [[docs:content:icon|icon]]
  * and colors


===== Example =====

==== Brand of the website app ====

By default, the ''brand'' component will show your brand. Ie a button with:
  * your [[docs:app:logo|logo]]
  * a [[:docs:page:system:home|link to your main website home page]]
  * styled with your [[:docs:theme:branding-colors|brand colors]]

Example:
<webcode name="Text only">
**With Label:**
  * Input:
<code dw>
<brand> ComboStrap</brand>
</code>
  * Output:
</webcode>

<webcode name="Text only">
**Without Label:**
  * Input:
<code dw>
<brand width="40"/>
</code>
  * Output:
</webcode>




<note>
  * You put it generally in the left side of the [[docs:menubar:menubar|menubar]]. 
  * It highlights and helps styling the [[docs:app:branding|brand]] depicted as text and/or [[docs:content:icon|icon]] and adds a [[docs:content:link|link]] to your home page.
</note>


==== Custom Brand ====
You can create a custom brand button by giving a brand name.

Example: 
  * With the name ''mybrand''
  * an embbedded [[docs:content:icon|icon]]
  * and some [[docs:styling:styling|styling]]
<webcode name="icon" >
  * Input:
<code dw>
<brand mybrand primary="#dc3545"  secondary="#339966" boldness="semi-bold" url="https://combstrap.com/brand">
    <icon name="si-glyph:motobike" width="36" />
    The best brand !
</brand>
</code>
  * Output:
</webcode>

===== List =====

Below is the list of all known brand and their style.

<note>
If you wish to add a brand,[[:support|contact us / create a ticket]], with:
  * the name of the brand
  * the two dominants color of the brand
  * their icon (that you can search at [[https://icon-sets.iconify.design/|iconify]]
</note>

Full list of all known brands:

<brand-list/>