Публикации по теме 'material-ui'
Создание сниппетов в коде Visual Studio
Visual Studio Code имеет простую систему для создания фрагментов. Если вы хотите просмотреть документацию Microsoft, перейдите сюда.
Создание собственных фрагментов кода в Visual Studio Code Добавить фрагменты кода в код Visual Studio легко как для собственного использования, так и для совместного использования с другими пользователями… code.visualstudio.com
В этом руководстве мы создадим простой фрагмент, который создаст..
Как создать компонент настройки электронной коммерции с помощью react + redux и Material UI
Представьте, что у вас есть продукт, который вы хотите продать, и вы также хотите дать покупателю возможность настроить продукт. В этом руководстве показано, как добиться красивого стиля и настройки для вашего приложения с помощью различных библиотек пользовательского интерфейса, которые доступны для вас. Основное внимание в этом руководстве уделяется пользовательскому интерфейсу переднего плана.
Дизайн: Большое изображение
Компоненты в карусели: пользователи создают продукт, переходя..
Разработка моего личного сайта с помощью React: компонент SideNav
Просто хочу перейти на Medium, задокументировав свой опыт создания личного сайта.
Я использую пакет create-response-app инкубатора Facebook для начальной загрузки сайта. Прежде чем я перейду к коду, немного о контексте: я начал изучать веб-разработку с Ruby on Rails в старшей школе; для моей работы в колледже я использовал Django с поддержкой PostgreSQL. Недавно я работал со стеком MERN, который был совершенно новым опытом и очень увлекательным. Однако его использовали для создания..
Как создать всплывающее окно "Что нового" в пользовательском интерфейсе React и Material
JavaScript имеет одну из лучших экосистем пакетов и программного обеспечения с открытым исходным кодом. Теперь можно сократить время разработчика и потратить его на предоставление пользователям новых функций быстрее, чем когда-либо. Один из принципов хорошего UI / UX заключается в том, что когда разработчик представляет новую функцию, приложение предупреждает пользователя фоном и всплывающим окном, помогая пользователю изучить и выяснить, как использовать новую функцию.
В этой статье..
Представляем схемы Material UI
MUI Schematics — это узловой модуль, который добавляет поддержку Material UI в ваш проект React JS с использованием Angular Schematics .
Проект вдохновлен Angular Material Schematics . Большая часть созданного контента взята из раздела Демонстрации компонентов пользовательского интерфейса материалов .
Движком под капотом является Angular Devkit Schematics (и его инструмент CLI), который в основном используется для приложений Angular (создание, обновление, добавление..
Вопросы по теме 'material-ui'
Показать диалог на React material-ui
Я использую компонент Dialog для своего приложения React. Как мне установить в моем компоненте переменную, чтобы я мог вызвать метод onShow() ?
29762 просмотров
schedule
20.09.2021
Автозавершение Material-UI не выбирается при левом клике
У меня есть рабочий Material-UI Auto Complete. Я могу искать значения. Я могу выбирать элементы с помощью клавиш со стрелками на клавиатуре, а я могу выбирать элемент с помощью клавиши возврата. Если я щелкну элемент мышью, предложения просто...
1606 просмотров
schedule
19.10.2021
ReactJS Материал шрифта пользовательского интерфейса Размер набора иконок
есть ли способ уменьшить размер значка шрифта?
Я пробовал приведенный ниже код, но, похоже, он не работает.
<FontIcon className='fa fa-quote-left' style={{ fontSize: '50px' }} />
8800 просмотров
schedule
04.11.2021
Я не могу использовать компоненты material-ui после обновления на [email protected]
Я получил это сообщение в своей консоли:
Неудачные типы контекста: требуемый контекст muiTheme не был указан в AppBar
AppBar.js: 158 Uncaught TypeError: невозможно прочитать свойство prepareStyles из undefined
У меня просто...
19765 просмотров
schedule
10.11.2021
Popover не работает, если их много на одной странице. Как ими управлять?
Примеры здесь http://www.material-ui.com/#/components/popover действительны только для одного элемента Popover на странице. Если следовать их примерам, невозможно иметь более одного всплывающего окна на одной странице. Потому что поповеры начинают...
2314 просмотров
schedule
21.11.2021
React Material-UI: составная панель приложений
Странное поведение, когда я пытаюсь создать панель приложений с помощью этого кода:
import React, { Component } from 'react';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from...
1624 просмотров
schedule
07.11.2021
Возникли проблемы с использованием панели приложений + Drawer (Material UI + ReactJS)
Я пытаюсь создать свое первое приложение с ReactJS + Material UI, но безуспешно.
Единственное, что я хочу сделать, это когда я нажимаю кнопку на панели, отображать левый ящик.
У меня есть следующий код (App.jsx):
import React from 'react';...
6617 просмотров
schedule
12.11.2021
Material-UI: добавление значка на вкладку на панели вкладок material-ui (вкладки)
У меня есть Material-UI Tabs с 5 дочерними компонентами Tab. Я хочу, чтобы на вкладке отображался значок . Значок будет отображать непрочитанные элементы под каждой вкладкой.
У меня есть две версии панели вкладок. Один для рабочего стола со...
7132 просмотров
schedule
08.11.2021
Форма Redux: как добавить функцию после успешной проверки и перед отправкой
У меня есть сокращенная форма с проверкой. Когда проверка возвращается без ошибок, она по умолчанию отправляется контроллеру в handleSubmit ().
class SomeComponent extends Component {
constructor(props) {
super(props)
}
render() {...
1128 просмотров
schedule
24.09.2021
Как применить другой цвет в AppBar Title Material-ui
Я пытаюсь использовать свой собственный цвет для заголовка AppBar. AppBar имеет название My AppBar. Я использую белый цвет в качестве основного цвета темы. Это хорошо работает для панели, но в заголовке панели приложений также используется тот же...
69089 просмотров
schedule
02.11.2021
ReactJS + Material-UI: Как чередовать цвета между Material-UI ‹Table / ›'s‹ TableRow / ›?
В настоящее время у меня есть интерфейс Material-UI <Table/> ( http://www.material-ui.com/#/components/table ) и хотели бы, чтобы каждая строка меняла цвет с синего на фиолетовый. Таким образом, сначала одна будет синей, затем следующая...
13794 просмотров
schedule
26.11.2021
Установить цвет элемента закусочной из material-ui
Я использую компонент закусочной из material-ui. На данный момент закусочная отображается черным цветом. Вы знаете, как я могу изменить цвет? Background-color изменяет только цвет всего div, в котором присутствует закусочная. Он не меняет цвет...
18569 просмотров
schedule
09.11.2021
Можно ли стилизовать кнопку удаления в компоненте Chip material-ui?
Нет проблем с стилизацией этикеток чипа, цветом фона или самим чипом. Но похоже, что круглая кнопка удаления внутри чипа - это значок svg. Есть ли способ изменить его цвет?
1799 просмотров
schedule
13.11.2021
Постоянное состояние ящика Material-UI
Я новичок в Material-ui и реагирую. Я пытаюсь сделать так, чтобы мой ящик оставался в постоянном открытом состоянии, когда пользователь нажимает гамбургер-меню на панели приложений. Я хочу, чтобы при открытии ящика мой основной контент «сдвигался»...
5552 просмотров
schedule
06.09.2021
Реагировать на прокрутку в пользовательском интерфейсе диалогового окна
Я хотел бы использовать React Scroll , но у меня проблема.
Я использую его в компоненте Dialog из пользовательского интерфейса материала, прокрутка работает только в теле, а не в Dialog .
var Link = Scroll.Link;
var Element =...
1910 просмотров
schedule
18.09.2021
Материал UI DropDownMenu занимает 100% высоту
У меня есть DropDownMenu на определенной странице, которая отображается внутри столбца таблицы.
Когда я нажимаю, чтобы открыть меню, оно открывается со 100% высоты страницы.
Я не нашел ничего подобного ни в документации, ни в...
912 просмотров
schedule
19.11.2021
Material ui и redux-form - как реализовать проверку отправки
Я использую Redux Form и материальный интерфейс для создания страницы регистрации. Моя функция onSubmit использует API выборки для отправки запроса POST на сервер. Если есть какая-либо ошибка, связанная с сервером (например, дублирование...
133 просмотров
schedule
09.09.2021
Как я могу получить конкретный массив с помощью Lodash в React js
Как я могу получить конкретный массив с помощью Lodash в React js? У меня есть массив объектов, 10 topUsers.
data:{
"topUsers":[
{
"user":"foo"
},
{
"user":"bar"
},
{
"user":"mike"
},
{
"user":"jen"...
1512 просмотров
schedule
13.09.2021
Как найти текст в Paper Material-UI
Я попытался сделать вертикальный центр для бумаги из material-ui.
Мой код ниже
const style = {
height: 150,
width: 150,
margin: 20,
textAlign: 'center',
rounded: true
};
render () {
let { currentTime, isRunning...
3507 просмотров
schedule
08.10.2021
Spring MVC с пользовательским интерфейсом React Bootstrap / Material?
Можно ли использовать приложение Spring MVC для обслуживания веб-страниц React Bootstrap или Material UI из приложения Spring?
Если возможно, какие области мне нужно исследовать?
559 просмотров
schedule
08.11.2021
