Dapper UI
Download more icon variants from https://tabler-icons.io/i/brand-github View on GitHub
Download more icon variants from https://tabler-icons.io/i/notebook Getting Started
Quick Start (tl;dr)
Installation
Usage
Download more icon variants from https://tabler-icons.io/i/components Components
Button
TextField
Slider
Select
Checkbox
Text
Dialog
Modal
ProgressBar
Meter
Download more icon variants from https://tabler-icons.io/i/bulb Concepts
Theming
Colors
Icons
Styling
Dark Mode
Download more icon variants from https://tabler-icons.io/i/notebook Getting Started
Quick Start (tl;dr)
Installation
Usage
Download more icon variants from https://tabler-icons.io/i/components Components
Button
TextField
Slider
Select
Checkbox
Text
Dialog
Modal
ProgressBar
Meter
Download more icon variants from https://tabler-icons.io/i/bulb Concepts
Theming
Colors
Icons
Styling
Dark Mode

Icons

Dapper UI doesn't come with a built-in icon library, but it is designed to work with any SVG icons. This means that you can use any icon library of your choice, as long as the icons are in SVG format. Non-SVG icons can be used as well, but you may need to do some additional work to ensure sizing and color are correct (e.g. for buttons) as they are applied automatically.
One great option for an SVG icon library is Tabler Icons , which is the one we use on this website and in our examples. You can use the tabler-icons-svelte npm package to easily incorporate Tabler Icons into your Svelte project.