Code

Props

Props	Data Type	Required
children	string	✅
className	string	❌
info	string	❌
htmlFor	string	❌
onClick	function event	❌

info

This feature will display a question mark icon with a custom message passed in the string of the prop. In this message also it can be included HTML tags that are going to be rendered correctly.

A very useful HTML tag to include in the info string, is the <br> tag, allowing the message to make a jump of line for a better distribution of the text in the case it is necessary.

onClick

This function event is included to execute a custom function facilitated by the developer in the case it is necessary. It does not receive any default parameter like in other form controls.

Components Dependency

For this component elaboration there were used the following internal components:

• Telicon

• Tooltip

Live Demo

For detailed code usage documentation, see the Storybooks for each framework below.

React

Form Controls / Label - Basic Label ⋅ Storybooksipster-react-component-storybook.netlify.app