ComboStrap UI - Brand

Undraw My Documents

About

brand is a component that creates a company / brand button or link with the corresponding:

  • logo icon
  • and colors

Example

Brand of the website app

By default, the brand component will show your brand. Ie a button with:

Example:

With Label:

  • Input:
<brand> ComboStrap</brand>
  • Output:

Without Label:

  • Input:
<brand width="40"/>
  • Output:

  • You put it generally in the left side of the menubar.
  • It highlights and helps styling the brand depicted as text and/or icon and adds a link to your home page.

Custom Brand

You can create a custom brand button by giving a brand name.

Example:

  • With the name mybrand
  • an embbedded icon
  • and some styling
  • Input:
<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>
  • Output:

List

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

If you wish to add a brand,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 iconify

Full list of all known brands:

Brand Name Button
Solid
Button
Solid-circle
Button
Outline
Button
Outline-circle
Link
Solid
Link
Solid-circle
Link
Outline
Link
Outline-circle
DribbbleDribbbleDribbble
Email
Facebook
GithubGithub Outline FillGithub Outline Fill
Hackernews
Instagram
Linkedin
Newsletter
Pinterest
Pocket
Reddit
Telegram
Tumblr
Twitter
Vk
Whatsapp
Wikipedia
Xing
Youtube




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Recommended Pages
Primary Secondary Color
Branding Colors (primary, secondary)

The branding colors are the most dominant colors of your theme. They bring a connection to your brand.
Favicon Verification
ComboStrap Site Metadata - Logo

A logo is an icon that illustrates your website and is part of what's called branding Your logo is used as default page image illustration: for social card such as facebook and twitter for search...
Undraw My Documents
ComboStrap UI - Menu bar

A menubar is an horizontal navigational bar with links and dropdown menu that should be used in the page header. The start of the menubar. The brand. You can also put your logo icon Collapse...
Layout Element
Main Footer Slot

The main footer slot is a slot that replaces the content of the main footer The name of the main header slot is slot_main_footer. To add a main footer slot to all your pages: go to ...
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion
Social - Share Button

With the share component, you can add easily share buttons. This article shows you how.



Task Runner