Introduction to modern Information button control
Header control is one of the new modern controls that came into existence not too long ago. Prior to this control, I used to wish if there was a way to make headers consistent not just across all screens within an app but across all applications within an enterprise. I had even built a component for the same but it wasn't the best, to say the least. Then came this control with so many configurations that it solved all my consistency issues.
Properties
- Content - The text/content to display when users interact with the control
- BasePaletteColor - This fill color of the control when a user hovers over it
- IconColor - The color of the information icon
- OnSelect - The navigation or any other action that should happen when the user clicks on the control
Using modern Information button control
The Information button control is pretty straightforward to use. Here is a quick demo:
Another example is to use it when using forms, in each data card to explain what each field is about.
Stay tuned for the remaining modern controls!
To read the official documentation of modern controls, click here.