material-ui

10熱

1答えて

左のアイコンなしでapp barコンポーネントを使用する必要があります。 iconElementLeftプロパティを無視しようとしましたが、機能しません。アイコンがまだ表示されています。 import React from 'react'; import AppBar from 'material-ui/AppBar'; const AppBar =() => ( <AppBar

3熱

2答えて

Material-UI：Material-UIタブバーのタブにバッジを追加する（タブ）

Material-UITabsコンポーネントは5つのTabコンポーネントを子として持ちます。私はBadgeをタブに表示したいと思います。バッジは各タブの下に未読アイテムを表示します。私はタブバーの2つのバージョンを持っています。 1つはアイコンとテキストのあるデスクトップ用で、もう1つはアイコンだけのモバイル用です。バッジをどのように配置すれば、両方のバージョンに正しく配置できるようになりました

9熱

1答えて

svg-iconsフォルダにmaterial-uiアイコンを使用する方法のリストはありますか？

私はnpm installで行ったsvg-iconsフォルダ内のmaterial-uiアイコンを使用したいと思いますが、各jsファイルの各アイコンの実装は、アクションやエディタなどのインポートとは異なるインポートを持っています。各アイコンをインポートする方法を見つけるためにjsファイルを調べます。私は、それは:)事前のおかげで、大いに役立つだろう、特に私は、各アイコンの輸入をコピー＆ペーストするこ

1熱

1答えて

FlatButtonアイコンのサイズを変更

私はreactmaterial-ui仮想（画面上の）キーボードを構築しています。そして、私は将来の鍵となるサイズを実装するのに苦労しています。私はFlatButttonを使用していますlabelのサイズを変更する方法を考えました。シンボルキーを表示するのにラベルを使用しましたが、iconとSvgIconを使用すると、iconのサイズを変更する方法が見つかりませんでした。 labelとlabelSt

0熱

3答えて

Material-UI <Checkbox ... label = "string" />コンポーネントのラベルにリンクを作成する（または他のhtml/jsxを渡す）

カスタムjsxを渡す方法の洞察を探していますCheckboxコンポーネントのラベルに追加します。ラベルは、カッコ内の項目がリンクされている「私は[利用規約] & [プライバシーポリシー]を受け入れる」であるとしてレンダリングするであろうものが理想的 <Checkbox label="I accept the Terms of Use & Privacy Policy" /> 。あ

2熱

1答えて

最も単純な上位コンポーネントと材料-ui

私のコンポーネントから直接TextFieldを使用しているとき、それは完全にうまく機能しますが（ケース1）、関数の中に関数（ケース2）をラップすると、それぞれの変化。 import TextField from 'material-ui/TextField'; var Comp = React.createClass({ getInitialState: function() {

0熱

1答えて

material-uiを使用してボタンの値にアクセスできません

さらなる進捗に必要なIDを保持しているため、ボタンの値にアクセスする必要があります。私は最初に通常のボタンをいくつかのブートストラップスタイルで使用していましたが、すべて正常に動作しました。 <button value={row.vacationRequestID} className="btn btn-warning" onClick={myRef.handleD

0熱

2答えて

素材uiコンポーネントからスタイルを抽出する

AppBarは、特定のタイプの子どもたちにいくつかのスタイルを適用します。残念ながら、それが直接の子 jsfiddle <AppBar title="first" iconElementRight={ <FlatButton label="first" /> }/> <AppBar title="second" iconElementRight={ <div>

0熱

1答えて

ネストされたマテリアルとUIのダイアログからエスケープする

ダイアログを開いて別のダイアログを開き、エスケープすると両方が閉じます。エスケープする方法はありますか？一番上のダイアログを閉じるだけですか？

0熱

1答えて

ReactJS + Redux - Material-UI：<Toolbar/>をフローティングにするにはどうすればいいですか？

使用：http://www.material-ui.com/#/components/toolbar、スクロールダウン時にどのように浮動小数点化できますか？私は次のようにしてそれを行うことができました： textAlign:'center', position: 'fixed', top: 0 が、私は<Toolbar/>でそれを行うとき、それは不気味サイズを変更します。