General

Basic

Marker is component that you can use for marking something with shape and color, you can combine it with many components. Marker by default has 3 different shapes, like the examples below. Change marker color by applying text color utility (e.q .text-{color}).

Dot

Apply .marker-dot class for this shape

Circle

Apply .marker-circle class for this shape

Pill

Apply .marker-pill class for this shape

Sizing

Change marker size to smaller or larger with .marker-{sm|lg} classes.

Usage

You can use marker with several elements together.

Button
© Clivax.
Crafted with by Codebucks