Wake Creators LogoCSS - Components Squid Style
Getting Started
Content
Layout
Forms
Components
Accordion CollapseAlertBadgeBoxBreadcrumbButtonCardDropdownLoaderModalPaginationProgress BarStepsTabsTagExempleRoundedDisabledReadonlyPointerToastToolip
Utilities
Styleguide

Tag

To change color just change color class to color or background color that you need.

To see all the colors and their variations go to the Styleguide page

Exemple

I'm a tag
I'm a tag
<div class="tag-box background-white-html pink">
  <!-- HTML Here -->
</div>
<div class="tag-box background-white-html lilac">
  <!-- HTML Here -->
</div>

Rounded

Just add rounded class

I'm a tag
<div class="tag-box background-white-html rounded pink">
  <!-- HTML Here -->
</div>

Disabled

Just add disabeld class

I'm a disabled tag
<div class="tag-box mb-3 pink disabled">
  <!-- HTML Here -->
</div>

Readonly

Just add readonly-tag class

I'm a readonly tag
<div class="tag-box mb-3 pink readonly-tag">
  <!-- HTML Here -->
</div>

Pointer

Just add pointer class to add cursor pointer prop

I'm a pointer tag
<div class="tag-box mb-3 pink pointer">
  <!-- HTML Here -->
</div>