IxDF UI Kit

“Info Icon” Component

Design: zeplin.

The info icon is a signifier that additional text information will be displayed in a tooltip on mouse-over or tap of the icon. It should be used cautiously. If the additional information is critical to a task, it should not be hidden behind an info icon.

The info icon should be placed beside (to the right of) the content to which the additional information pertains.

Membership Plan
Professional

Usage

This is a class based Blade component.

<x-info-icon message="Your text here."/>

Props

  • message (required)
    string

    Message to display as tooltip.