vue material

vue.js를위한 재료 설계

Vue 자료는 간단하고 가벼우 며 Google 자재 설계 사양에 따라 정확히 구축됩니다.

동적 테마, 주문형 구성 요소 및 사용하기 쉬운 API가있는 모든 최신 웹 브라우저를 지원하여 모든 화면에 적합 할 수있는 잘 설계된 앱을 구축하십시오.

데모 및 문서

문서 및 데모

예

설치 및 사용

NPM 또는 원사를 통해 VUE 자료를 설치하십시오

npm install vue-material --save
yarn add vue-material

* JSPM 및 Bower와 같은 기타 패키지 관리자는 아직 지원되지 않습니다.

코드에서 VUE 및 VUE 자료를 가져 오거나 요구합니다.

 import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.min.css'

Vue . use ( VueMaterial )

또는 개별 구성 요소 사용 :

 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 )

또는 HTML에서 스크립트와 스타일 시트를 다운로드하여 참조 할 수 있습니다.

 < link rel =" stylesheet " href =" path/to/vue-material.css " >
< script src =" path/to/vue-material.js " > </ script >

선택적으로 Google CDN에서 Roboto Font & Material Icons를 가져옵니다.

 < link rel =" stylesheet " href =" //fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons " > 

changelog

changelog

질문

질문, 아이디어가 있거나 VUE 자료 커뮤니티와 논의하려면 Discord를 사용하여 우리와 함께하십시오.

기여

풀 요청을하기 전에 기고 가이드를 읽으십시오.

브라우저 지원

VUE 자료는 ​​모든 최신 브라우저를 지원합니다.

다른 브라우저에서 작동 할 수 있지만 테스트되지 않았습니다.

VUE 자료 커뮤니티의 일부가 되십시오

이 프로젝트는 기부 한 모든 사람들 덕분에

후원자 및 후원자

우리의 모든 후원자들에게 감사합니다! [후원자가되기]

크레딧과 감사합니다

Vue 자료는 회사 나 그와 비슷한 제품의 우산 아래에서 실행되지 않습니다. 여가 시간에 Marcos Moura가 만든 독립 프로젝트로 Vue.js에서 가장 많이 사용되는 UI 라이브러리 중 하나가되었습니다. 개발이 활발하고 우리는 당신을 위해 훌륭한 것들을 출시하기 위해 열심히 노력하고 있습니다.

• NPM 패키지 이름 기부를위한 Elviskang!
• 멋진 Vue 자료 로고를위한 Bruno Castro.
• Creative Tim의 지원

특허

MIT