https://github.com/watzon/mint-tabler
Tabler icon components for Mint Lang
https://github.com/watzon/mint-tabler
icons mint mint-lang tabler
Last synced: 3 months ago
JSON representation
Tabler icon components for Mint Lang
- Host: GitHub
- URL: https://github.com/watzon/mint-tabler
- Owner: watzon
- Created: 2023-01-04T00:24:31.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-21T00:34:11.000Z (about 2 years ago)
- Last Synced: 2025-03-02T08:30:20.840Z (7 months ago)
- Topics: icons, mint, mint-lang, tabler
- Language: Mint
- Homepage:
- Size: 1020 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tabler Icons for Mint
This is a wrapper around the awesome [Tabler](https://tabler-icons.io/) icon set. It provides each of the 3100+ icons as individual Mint components, making them super easy to integrate into your project.
## Usage
First add this library as a dependency to your Mint project:
``` json
{
"dependencies": {
"tabler": {
"repository": "https://github.com/watzon/mint-tabler",
"constraint": "0.0.0 <= v < 1.0.0"
}
}
}
```
Search for the icon you want to use on the [Tabler](https://tabler-icons.io/) website. All of the Tabler Mint components carry the same naming convention, `Tabler.Icon{NameHere}` where `NameHere` is the pascal cased version of the icon name from the Tabler website. For instance:
``` mint
```
## Properties
Icons can be modified and styled in several different ways using the following properties.
Note: _Items marked with `(*)` are not in a working condition yet._
### scale
Set the size of the icon, relative to its default size of 24 pixels.
``` mint
// 2x size
```
### animation (*)
Apply one of several animations to the icon. Possible animations include:
- None
- Wrench
- Ring
- Pulse
- Spin
- SpinPulse
- Flash
- Float
``` mint
```
### speed (*)
Set the speed of the given animation. Possible choices are
- Slow
- Fast
``` mint
```
### hover (*)
Only apply the given animation on hover.
``` mint
```
### flip
Flip the icon along a given axis. Choices include:
- None
- Horizontal
- Vertical
- Both
``` mint
```
### stroke
Set the stroke color of the given icon.
``` mint
```
### fill
Set the fill color of the given icon.
``` mint
```
### label
Set the `aria-label` attribute for the icon.
``` mint
```
### title
Set the `title` attribute for the icon.
``` mint
```