vue material

Vue.jsの材料設計

Vueマテリアルはシンプルで軽量で、Googleマテリアルデザインの仕様に従って正確に構築されています

ダイナミックテーマ、オンデマンドのコンポーネント、すべての使用用APIを備えたすべての最新のWebブラウザーをサポートして、すべての画面に適合できる適切に設計されたアプリを構築する

デモとドキュメント

ドキュメントとデモ

例

インストールと使用

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 >

オプションで、GoogleCDNからRoboto Fontとマテリアルアイコンをインポートします。

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

Changelog

Changelog

質問

質問、アイデア、またはVue Material Communityと話し合いたい場合は、Discordを使用して参加してください。

貢献

プルリクエストを行う前に、必ず貢献ガイドを読んでください。

ブラウザのサポート

Vue Materialは、すべての最新のブラウザをサポートしています。

他のブラウザでは動作する可能性がありますが、テストされていません。

Vue Material Communityの一部になります

このプロジェクトは、貢献するすべての人々のおかげで存在します

スポンサーとバッカー

すべての支援者に感謝します！ [支援者になる]

クレジットと感謝

Vueの資料は、会社の傘やそのようなものの下で走りません。これは、Marcos Mouraが暇なときに作成した独立したプロジェクトであり、Vue.jsで最も使用されているUIライブラリの1つになりました。開発は活発であり、私たちはあなたのために素晴らしいものをリリースするために一生懸命働いています。

• NPMパッケージ名を寄付してくれたElviskang！
• Awesome Vue Material LogoのBruno Castro。
• Creative Timによってサポートされています

ライセンス

mit