Info Dialog

Info
About
done_all

Shows detail information on a dialog/modal.
Don't understand what it does?
navigate_next

Try clicking the info icons of the examples below.

 navigate_next

Check the custom Icon Implementation on Sound Mode below.

 playlist_add_check

Checkout the detail information showed up on the modal.
Installation & Usage
NPM GitHub How this page made

Example Use Case: Settings

Usage with MatList

Settings

wifi

Wi-Fi

bluetooth

Bluetooth

Sound Mode

Click the left sound icon to see detailed info

Example Use Case: User List

Usage with MatList

Users

person

Abdun Nahid

Lorem ipsum dolor sit amet consectetur

Status
User: Pending
Subscription: Inactive
person

John Doe

Lorem ipsum dolor

Status
User: Inactive
Subscription: Inactive
person

Jane Smith

Lorem ipsum dolor

Status
User: Active
Subscription: Active  
volume_up Sound Mode volume_off Silent Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla, quia. Quisquam, placeat. volume_down Medium Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique corrupti dolor sequi, autem ea mollitia. volume_up Loud Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, dolor? vibration Vibration Only Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi doloremque veritatis asperiores repellat natus ipsam provident est voluptatibus fuga quasi. info Wi-Fi info Bluetooth On Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit sequi atque dolores, iure ex nemo? Off Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odio blanditiis doloribus sequi. info Status Info User Status Active Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit sequi atque dolores, iure ex nemo? Inactive Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odio blanditiis doloribus sequi. Pending Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum error iure earum facere quidem assumenda fugit odit aperiam quisquam hic. Subscription Status Active Lorem ipsum dolor sit, amet consectetur adipisicing elit. Numquam, repellat. Inactive Lorem ipsum dolor sit, amet consectetur adipisicing elit. Beatae atque eaque tempore laudantium!