Изменение атрибутов HTML элементов в библиотеке Mateial-UI

Я делаю проект, который использует React and Material Design. Мне бы очень хотелось пойти с Material UI Library, но есть определенные дополнительные требования, такие как доступность через aria-Attributes и тяжелое автозаполнение форм.Изменение атрибутов HTML элементов в библиотеке Mateial-UI

Матричный пользовательский интерфейс использует собственные компоненты, например. <TextField>, который создает поле ввода, как это:

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

Как можно, например, обернуть (HTML-) этикетка вокруг <input> или добавить aria- или имя-атрибут?

Большое спасибо заранее!

источник

2016-09-21 xtools

Я считаю, что для этого вам придется клонировать [материал-щ ] (https://github.com/callemall/material-ui/tree/master/src) и изменить их существующие компоненты, чтобы добавить HTML по вашему желанию. Компоненты Material-UI не могут быть изменены таким образом. Вы можете попробовать [материализовать] (http://materializecss.com/), если вам нужно что-то более настраиваемое. –

материализуется печально, не имеет причудливых выборщиков даты и времени Мне нужно для этого :(но я буду следить за ним для будущих проектов, спасибо! – xtools

Материал-Пользователь делает это за вас.

Библиотека проходит HTML подпирает вниз по цепочке к < ввода /> для вас, так что вы просто сделать следующее:

<TextField label="myLabel" />

источник

2016-09-21 10:41:11 lustoykov

спасибо, я попробую это и пометьте его как Правильный ответ, если он работает! Знаете ли вы, что это (и, возможно, другие «скрытые функции») где-то документировано? – xtools

Я также узнал это от кого-то другого, но если вы думаете об этом, это имеет смысл. – lustoykov

Изменение атрибутов HTML элементов в библиотеке Mateial-UI

ответ

Смежные вопросы