lianetoolkit / liane-ui

Design system for Liane
MIT License
1 stars 0 forks source link

Icon button component #5

Open miguelpeixe opened 3 years ago

miguelpeixe commented 3 years ago

Icon buttons are used to perform classic system interactions, such as "save", "print", "download", etc. A system icon is used as the button's label, and it should express the action triggered by its interaction. Like a normal button, icon buttons follow a similar hierarchical system.

PDF

marcosriganti commented 3 years ago

@miguelpeixe do we want to support any icon library? can you provide it ?

miguelpeixe commented 3 years ago

The Figma project makes use of Material Icons. We can integrate in the component through an icon prop that generates a <span className="material-icon">{icon}</span>, considering the icon font is imported.

More documentation over Material Icons is available here https://developers.google.com/fonts/docs/material_icons