Provide helper text ony hover or important information about that specific element on the page.

For proper styling, use the tooltip class in addition to one of the many other optional classes:

Tooltips can be used on multiple atom types of atoms. To have a tooltip display you will need to pass a value to the 'tooltip' parameter.

@Html.ButtonAtom(ButtonTypeEnum.Save, "button-id", title: "test button", toolTip: "This is my tooltip")

The tooltip will default to the top but you can use the TooltipPlacementEnum to set where the tooltip will be added. Pass in a tooltip specific style to change the color.

@Html.ButtonAtom(ButtonTypeEnum.Save, "button-id", customClass: "tooltip--quinary-color", title: "test button", toolTip: "This is my tooltip", tooltipPlacement: TooltipPlacementEnum.Bottom)