Diseño de material para vue.js
El material VUE es simple, liviano y construido exactamente de acuerdo con las especificaciones de diseño de material de Google
Cree aplicaciones bien diseñadas que puedan caber en cada pantalla con soporte a todos los navegadores web modernos con temas dinámicos, componentes a pedido y todo con una API de facilidad de uso
Documentación y demostraciones
Ejemplos
Instale el material VUE a través de NPM o hilo
npm install vue-material --save
yarn add vue-material* Otros gerentes de paquetes como JSPM y Bower aún no son compatibles.
Importar o requerir material Vue y Vue en su código:
import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.min.css'
Vue . use ( VueMaterial )O usar componentes individuales:
import Vue from 'vue'
import { MdButton , MdContent , MdTabs } from 'vue-material/dist/components'
import 'vue-material/dist/vue-material.min.css'
Vue . use ( MdButton )
Vue . use ( MdContent )
Vue . use ( MdTabs )Alternativamente, puede descargar y hacer referencia al script y la hoja de estilo en su HTML:
< link rel =" stylesheet " href =" path/to/vue-material.css " >
< script src =" path/to/vue-material.js " > </ script >Opcionalmente, importe la fuente roboTo y los iconos de material de Google CDN:
< link rel =" stylesheet " href =" //fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons " > Colegio de cambios
Si tiene alguna pregunta, ideas o desea discutir con Vue Material Community, use Discord para unirse a nosotros.
Asegúrese de leer la guía contribuyente antes de hacer una solicitud de extracción.
El material VUE admite todos los navegadores modernos.
Puede funcionar en otros navegadores pero no se ha probado.
¡Gracias a todos nuestros patrocinadores! [Conviértete en un patrocinador]
El material VUE no se ejecuta bajo el paraguas de ninguna empresa ni nada de eso. Es un proyecto independiente creado por Marcos Moura en su tiempo libre, que se ha convertido en una de las bibliotecas de interfaz de usuario más utilizadas para Vue.js. El desarrollo está activo y estamos trabajando duro para lanzar grandes cosas para usted.
MIT