Using QIconPicker || QIconPicker

QIconPicker

v3.0.0

Using QIconPicker

API

QIconPicker Examples

Most examples use built-in icon-set values so they match normal application usage. Examples that use icon-set stay source-only because the UMD bundle cannot lazy load @quasar/extras ESM icon-set modules without a bundler.

For custom icon arrays, slot rendering, pagination control, and bundle tradeoffs, see the Advanced guide.

Animated Transitions

Built-in Icon Sets

Color

Custom Icon Set

Dense Compact Picker

Font Awesome Selection

Footer Slot

Filter

No Footer

Inline SVG Custom Icons

Pagination

Pagination Color

Pagination Custom

Selected Color

Size

Tooltips

Using Icon Slot

Using QInput

Using QInput With Filter

Ready for more?

Caught a mistake?Edit this page in browser

1. Introduction

2. API

3. QIconPicker API

4. QIconPicker Examples

4.1. Animated Transitions

5. Animated Transitions

5.1. Built-in Icon Sets

6. Built-in Icon Sets

6.1. Color

7. Color

7.1. Custom Icon Set

8. CustomIconSet

9.1. Dense Compact Picker

10. Dense Compact Picker

10.1. Font Awesome Selection

11. Font Awesome Selection

11.1. Footer Slot

12. Footer Slot

12.1. Filter

13. Filter2

13.1. No Footer

14. No Footer

14.1. Inline SVG Custom Icons

15. Inline SVG Custom Icons

15.1. Pagination

16. Pagination

16.1. Pagination Color

17. PaginationColor

17.1. Pagination Custom

18. PaginationCustom

18.1. Selected Color

19. SelectedColor

19.1. Size

20. Size

20.1. Tooltips

21. Tooltips

21.1. Using Icon Slot

22. UsingIconSlot

22.1. Using QInput

23. UsingQInput

23.1. Using QInput With Filter

24. UsingQInputWithFilter

API