Material Design Web Components para Jaspr.
Jaspr Material Design Components es un paquete primario que encapsula los componentes de Material Web Components haciendo uso del CDN.
Más componentes en camino.
Como prerrequisito, se tiene que tener instalado el SDK de Dart y Jaspr en su equipo.
Instale el paquete con el comando dart pub add jaspr_material_design_components
Para los íconos, importe los estilos de las fuentes de Material Symbols agregando lo siguiente en el head del Document de su proyecto:
const StyleRule.import(
'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200'),
const StyleRule.import(
'https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200'),
const StyleRule.import(
'https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,[email protected],100..700,0..1,-50..200'),
const StyleRule.import(
'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'),Incluya el siguiente código en el último lugar dentro del método build de la clase App de su proyecto para inicializar los componentes web de Material:
for (var element in JasprMaterialDesignComponents().materialScript()) {
yield element;
}Esto cargará los estilos y scripts para que los componentes de Material se puedan usar.