Components

## Markers

A marker is a type of label that can be attached in any images or cards component with the help of utilities/helper classes.

##### Basic Example

The most basic marker that is attached to image and card component.

Sample Marker

##### Positioning

A marker can change it's position with the help of position helper classes.

Top Left Marker
Top Right Marker
Bottom Left Marker
Bottom Right Marker

##### Icon Marker

A marker can be an icon with the use of class `.marker-icon.`

##### Ribbon Marker

A marker style variant like ribbon like in the example below.

Top Left Marker
Top Right Marker

##### Contextual Variations

Add any of the below mentioned modifier classes to change the appearance of a marker. The example below uses border color utility class for card component and not part of the marker style.

Primary
Success