jaspr_material_design_components

Material Design Web Components para Jaspr.

Donaciones:

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.

Getting started

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

Usage

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.cn/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'),
const StyleRule.import(
      'https://fonts.googleapis.cn/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'),
const StyleRule.import(
      'https://fonts.googleapis.cn/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'),
const StyleRule.import(
      'https://fonts.googleapis.cn/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.

Donaciones:

Getting started

Usage

Componentes

Libraries

jaspr_material_design_components package