Skip to content

Latest commit

 

History

History

icon

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

-----------------------------------------------------

➤ wl-icon

Symbols for common actions and items.

-----------------------------------------------------

➤ Properties

Property Attribute Type Default Description
role role AriaRole "presentation" Roles of the icon.

-----------------------------------------------------

➤ Slots

Name Description
Name of the icon.

-----------------------------------------------------

➤ CSS Custom Properties

Property Description
--icon-font Font family
--icon-size Width and height

-----------------------------------------------------

➤ Usage

Go here to try the demo.

-----------------------------------------------------

⚠️ Load the icon font

Currently the wl-icon has not been designed with no configuration in mind. If you don't provide your own icon font via the --icon-font CSS variable you need to load the default google font material icons. You can do that by inserting the following link in the head tag of your index.html file. Check out the available icons here.

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

-----------------------------------------------------

➤ Contributors

Andreas Mehlsen You?
Andreas Mehlsen You?

-----------------------------------------------------

➤ License

Licensed under MIT.