Left top hotcorner Right top hotcorner Left bottom hotcorner Right bottom hotcorner

Dropdown

Use Case 1: Simple

Use Case 2: With Checkbox

This is helper text
Result:- [ { "id": "option21", "name": "option21", "label": "option 21", "url": "/dropdown", "checked": false }, { "id": "option22", "name": "option22", "label": "option 22", "url": "/dropdown", "checked": false }, { "id": "option23", "name": "option23", "label": "option 23", "url": "/dropdown", "checked": false } ]

Use Case 3: With Leading Icon

This is helper text

Use Case 4: With Icon As Label

Use Case 7: Dropdown Error

This is required field.

Use Case 8: Dropdown Disabled

This is helper text

Use Case 9: Dropdown with multi-sections and clear button

Use Case 10: Dropdown with clear button

Use Case 11: Dropdown with option status