2016-09-21 7 views
0

私はReact and Material Designを使用したプロジェクトを行っています。 私は実際にMaterial UI Libraryに行きたいと思っていますが、アリア属性によるアクセシビリティやフォーム上の重いオートコンプリートなどの特定の追加要件があります。Mateial-UIライブラリの要素のHTML属性を変更する

Matrial UIは独自のコンポーネントを使用します。

<div style="..."> 
    <div style="...">Hint Text</div> 
    <input type="text" id="..." style="..."> 
    <div> 
     <hr style="..."> 
     <hr style="..."> 
    </div> 
</div> 

どのように私は、例えば<input>周り(HTML-)ラベルをラップまたはaria-または名前属性を追加することができます。このような入力フィールドを作成し<TextField>、?

事前に感謝します!

+1

私はあなたが[材料-UIのクローンを作成しなければならないこれを行うには信じています](https://github.com/callemall/material-ui/tree/master/src)リポジトリを開き、既存のコンポーネントを修正して、必要に応じてHTMLを追加します。マテリアルUIのコンポーネントは、そのように変更可能にされていません。よりカスタマイズ可能なものが必要な場合は、[materialize](http://materializecss.com/)を試すことができます。 –

+0

悲しいことに、悲しいことに、私はこれに必要な魅力的な日付と時刻のピッカーを持っていません:(しかし、私は将来のプロジェクトのためにそれを気にしています、ありがとう! – xtools

答えて

1

マテリアルUIがあります。

あなただけの次んので、ライブラリは、あなたのため<入力/>にチェーンダウンhtmlの小道具を渡します。

<TextField label="myLabel" /> 
+0

ありがとう、私はこれを試してみましょう(もしかすると他の "隠された特徴")がどこかで文書化されているかどうか知っていますか? – xtools

+1

私は他の人からもそれを学びましたが、それについて考えるなら意味があります。 – lustoykov

関連する問題