2017-07-17 15 views
2

Ruby on Railsアプリケーションを開発するにはもっと多くのコンポーネントが必要です。バンドルインストーラを使用してインストールするための宝石がないので、それらをmdl-extコンポーネントを自分のassetsフォルダに直接含めて使用できますか?ruby​​ on railsアプリケーションでmaterial design lite拡張機能を使用できますか?

マテリアルデザインliteの拡張子はここhttps://github.com/leifoolsen/mdl-ext

存在していると私は、現在ここに https://rails-assets.org/#/components/mdl材料設計-LITEと一緒にそれを使用したいと思います。 注!マテリアルデザインライト既に使用しています。

アセットパイプラインに含めるには、これが可能な場合はどうすればいいですか?

答えて

0

npmをインストールする必要はありません。他のcssフレームワーク(ブートストラップなど)と同じように使用できます。あなたのアプリケーションレイアウトファイルのheadセクションに以下を入れてください。

<link rel="stylesheet" href="https://fonts.googleapis.com/icon? 
family=Material+Icons"> 
<link rel="stylesheet" 
href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css"> 

、あなたはMaterial Design Lite with Rubyを使用するための宝石がありますが、カスタムCSSクラス

<button class="mdl-button mdl-js-button mdl-button--raised mdl-js- 
ripple-effect mdl-button--accent"> 
Button 
</button> 

https://getmdl.io/started/index.html

+0

答えmaverick5をありがとうが、私はすでに材料デザインライトを使用しています。私がしたいのは、質問に投稿されたリンクにあるエクステンションをマテリアルデザインライトとともに使用することです。私は2つの図書館の間に葛藤があると思いますか?そして、もしそれがレールでこれを行う最善の方法でないならば? – neboduus

0

で通常のHTMLを記述するような方法BTNのようなものを使用します。

Gemfileに追加します。

gem 'material_design_lite-sass' 

/app/assets/stylesheets/application.scssのアドオンで:

@import 'material'; 

注意を、あなたの拡張子が 'SCSS' 必ずrubysamuria年代を読んで行うことがない場合には詳細な手順。アプリ/資産/ JavaScriptの/ application.jsで

追加:コンポーネントはこれで仕事

//= require material 

注意を。あなたが好きな場合は、それらを個別に追加することもできます。

+0

Material Design LiteをRailsで使用する方法について質問していないので、Material Design Lite Extensionsの使用方法を尋ねます。 –

関連する問題