# 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!