jaspr_material_design_components 25.6.6+35

jaspr_material_design_components: ^25.6.6+35 copied to clipboard

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.

Componentes

• Button
• Card
• Checkbox
• Chip
• Dialog
• Floating Action Button
• ListTile
• Menu
• ProgressIndicator
• Radio
• Text Input
• Switch