jaspr_material 0.1.4 jaspr_material: ^0.1.4 copied to clipboard
This is the material library for the Jaspr web framework based on dart. This package adds some material components to the existing Jaspr ecosystem.
Jaspr Material #
The material library for Jaspr
Installation 💻 #
❗ In order to start using Jaspr Material you must have the Dart SDK installed on your machine.
Install via dart pub add
:
dart pub add jaspr_material
Icon #
The Icon
class is a jaspr Component
that creates a material icon.
Properties #
- size - The size of the icon
- colour - The colour of this icon
- iconData - The icon you are trying to display
The iconData
property can be either the name
of the icon or a member of the Icons
class. Visit Google Fonts and select any icon of your choice, this should show you it's name
, it's now up to you to either type in it's name as the iconData
or use Icons.iconName
to find your icon.
See Icons
section for more info.
Variations #
The Icon()
constructor gives you a filled
material icon which is the default material icon style. This library exposes other styles of material-icons which include:
- Icon.rounded
- Icon.sharp
- Icon.outlined
- Icon.twoToned
Icons #
Identifiers for the supported Material Icons.
You can use them as Icons.adb
. Simply find the icon you want to use from either Material Icons or Google Fonts and try to access it using Icons.iconName
.
NB: If the icon name starts with a NUMBER, use the dollar sign($) before typing the icon name.
Example: If the icon name is 10k
, you can access it using Icons.$10k
. This is because dart doesn't allow numbers to start variable names.
Some other icons might end with the dollar sign($) because their full name is a reserved keyword in dart, like the try
icon will be try$
.