jaspr_material 0.1.1+1

This is the material library for the Jaspr web framework based on dart. The current Jaspr library of components contain mostly html tags served as components, however, given that this is supposed to c [...]

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$.