Публикации по теме 'material-ui'


Как использовать компоненты React в Rails 6
Простой способ создания гибридного веб-приложения React / Rails Хотя в Интернете есть множество статей о настройке React в Rails (я рекомендую использовать webpacker и react_rails ), я хочу погрузиться глубже и изучить некоторые из замечательных вещей, которые вы можете делать с React. Давайте начнем. Если у вас еще не настроен Ruby on Rails для разработки, взгляните на это руководство . Предположим, вы уже установили webpacker и react_rails. В файле записи пакета вам нужно..

Форма оплаты Stripe с ReactJS и Material-UI - Часть 3
Эта статья разделена на 4 части: 1. Пользовательский интерфейс с Material-UI 2. Создание форм 3. Сохранение пользовательского ввода с помощью React useContext 4. Реализовать Stripe Если вас интересует только то, как реализовать Stripe, сразу переходите к Части 4 . В этой третьей части мы реализуем React Hook useContext для сохранения данных, введенных в каждое поле ввода. Если вы не знакомы с этим, вот хорошая статья на эту тему: В..

Как добавить привлекательное раскрывающееся меню в приложения React
В последний месяц обучения в Lambda School мне пришлось поработать над интересным проектом под названием Reach LMS. По словам заинтересованной стороны: Reach LMS - это система управления обучением с открытым исходным кодом, разработанная для развивающихся стран. Reach позволяет организациям предлагать обучение и тренинги любому - независимо от того, работают ли они с портативного компьютера в центре города или с раскладушки на солнечной батарее в отдаленной деревне. Другими словами,..

Вопросы по теме 'material-ui'

Строительный материал-интерфейс с браузером
Я пытаюсь создать javascript material-ui (material-ui.com), чтобы включить его в свой проект и использовать компоненты реакции. Я использую браузер, чтобы объединить весь javascript в один файл, который затем включаю в свой HTML-файл. Итак, в...
1327 просмотров
schedule 09.05.2023

Добавить выбранный материал-интерфейс в реакцию
Ребята, я делаю приложение в пользовательском интерфейсе материала: import React from 'react'; //Import statement: import TextField from 'material-ui/lib/text-field'; import TimePicker from 'material-ui/lib/time-picker'; import DatePicker from...
1187 просмотров
schedule 25.10.2022

Установите компонент z-index для пользовательской темы в Material-UI
Я пытаюсь установить z-индекс компонентов в пользовательской теме в Material-UI. Они переместили zIndex из базовой темы в версии 0.14.2, и вместо этого zIndex устанавливается в модуле узла с именем zIndex.js. Я хотел бы переопределить zIndex в своем...
8365 просмотров
schedule 25.07.2022

Цвет заголовка Material-ui GridTile
Я все просмотрел, и если это здесь, просто наорите на меня! Я пытаюсь изменить цвет заголовка в заголовке GridTile материала пользовательского интерфейса. Я попытался добавить style={{color: black;}}, который ничего не делает. Я хочу, чтобы «Выбери...
1466 просмотров
schedule 06.04.2023

Как применить тему шрифта в React Material-UI?
Я пытаюсь применить шрифт Google к моему проекту реагирования Material-UI, но, похоже, не могу его принять. Я использую муи 0.14.2. Моя загрузка шрифта index.html : <link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700'...
30718 просмотров
schedule 12.02.2023

Material-ui: Сделайте Datepicker инклюзивным
Я использую Material-ui Datepicker, чтобы пользователи могли загружать информацию о запланированных событиях из базы данных, т.е. все события между двумя заданными датами. Однако на данный момент, если выбраны две даты брекетинга, события для даты...
133 просмотров
schedule 12.03.2022

Система сетки React Material-UI
Я ищу способ реализовать отзывчивую систему сетки для разработки приложений для дизайна материалов с использованием реакции и material-ui. Пока у React-Bootstrap есть это , я не нашел ничего подобного с Material-UI. GridList — это хорошо, но не...
1745 просмотров

Динамические вложенные элементы материала-ui в списке из данных JSON
Я создаю дерево узлов в React.js, используя { List, ListItem, MakeSelectable} из 'material-ui/List'. В конечном итоге я подключу данные JSON, поступающие из внутреннего вызова веб-службы. У меня нет проблем с декларативным созданием вложенного...
7794 просмотров
schedule 06.08.2022

Запретить повторный рендеринг, когда элемент React передан как свойство
В моем приложении React я использую несколько библиотек (например, Material UI и React Intl) для передачи элементов React в качестве свойств от компонентов более высокого уровня к «тупым компонентам», у которых одна задача: рендеринг. Умный...
1729 просмотров
schedule 10.08.2023

В AppBar MaterialUI есть пробел
Я впервые использую Material UI (или внешний мир) для реагирования. На самом деле все прошло хорошо, но я заметил, что в моем заголовке есть белый пробел. А вот мой index.js, загружающий MuiTheme: const muiTheme = getMuiTheme({...
740 просмотров
schedule 28.03.2024

Сборка Material-UI Webpack - отсутствует каталог lib
Я пытался создать один файл из Material-UI с помощью веб-пакета, используя этот ответ SO: Как создать файл material-ui.js? Следуя строкам: npm install material-ui npm install -g webpack webpack node_modules/material-ui/lib/index.js...
90 просмотров
schedule 29.01.2023

Форма с материалом-ui
Я пытаюсь создать простую форму в material-ui с логином и паролем TextFields и RaisedButton для отправки формы. Как лучше всего обрабатывать события в RaisedButton и отправлять форму?
51931 просмотров
schedule 04.08.2022

Вкладки Material-UI не работают в JavaFX WebView
У меня есть веб-страница с использованием React и Material-UI, которую я хотел бы встроить в свое настольное приложение с помощью JavaFX WebView. Однако, когда я пытаюсь это сделать, вкладки из Material-UI не работают должным образом. Когда я в...
605 просмотров
schedule 10.04.2024

Кнопка действия в стиле диалогового окна Material-UI
Я пытаюсь изменить стиль кнопки действия. Можно ли получить доступ к div, содержащему кнопки действий в диалоговом окне, DatePicker или TimePicker? Я пытаюсь добавить отступы между этими кнопками. Независимо от этого, было бы неплохо, если бы был...
855 просмотров
schedule 02.08.2023

Переопределение карты titleStyle и subtitleStyle не работает в material-ui
Я должен применять разные стили для элементов заголовка и подзаголовка компонентов карты, используя Material-ui. Ниже приведен мой код: const mediaTitleStyles = { .... .... title:{ fontSize: 35, fontWeight: 'bold', },...
2094 просмотров
schedule 08.08.2022

Ссылка на материал внутри поднятой кнопки, не использующая маршруты ответного маршрутизатора
Я использую material-ui в своем проекте django. У меня разные компоненты для отображения разного содержимого. На моей домашней странице есть кнопка. Когда пользователь нажимает на эту кнопку, я пытаюсь перенаправить его на страницу регистрации....
351 просмотров
schedule 23.10.2023

Material Design Lite — нижняя строка в текстовом поле имеет небольшой разрыв с цветной линией
Я пытаюсь заставить текстовое поле Material Design Lite работать, и у меня есть проблема, когда нижняя цветная линия имеет небольшой зазор в 3-4 пикселя между серой начальной линией. Любой пример текстового поля MDL, который я подключаю к своей...
1300 просмотров

Открытие средства выбора даты / времени программно в библиотеке пользовательского интерфейса материала
Я делаю проект, который использует React и Material Design. Я бы хотел использовать Material UI , так как мне нужны необычные средства выбора даты и времени, которые эта библиотека предоставляет в качестве компонентов. Поскольку мне нужно...
2790 просмотров
schedule 21.03.2023

Неопределенный атрибут пользовательского интерфейса материала не работает
Как показать состояние indeterminate="true" в флажке в Material UI: <Checkbox label={obj.module} style={styles.checkbox} value={this.state.value} />
1100 просмотров
schedule 14.07.2022

Как отменить выбор всех строк из «Таблицы» Material-UI в ReactJS?
Я использую Material-UI <Table/> с ReactJS. В настоящее время у меня работает флажок <Table/> select all, и он отслеживает, какая строка была нажата с помощью onRowSelection={this.handleRowSelection} . Но как только я снимаю флажок...
2558 просмотров
schedule 20.09.2023