Описание тега rebass
1
ответ
Расширение компонентов в rebass.js?
Начинающий здесь. На данный момент я могу использовать Box вот так: <Box p={5} fontSize={4} width={[ 1, 1, 1/2 ]} color='white' bg='magenta'> Box </Box> и дать ему определенные реквизиты, как сказано на сайте: All margin and padding prop…
02 авг '19 в 15:37
0
ответов
Как настроить верхний / нижний радиус рамки с помощью Rebass
Используя Rebass, как я могу только применить 'border-top-left-radius' и 'border-top-right-radius' к Image, И может ли это ссылаться на спецификацию темы radii ключ? <Image borderRadius={2} width={1} height={265} src={src} /> theme.js radii: […
09 июл '19 в 08:21
0
ответов
Можно ли использовать точки останова Style System внутри Styled-компонента?
Я хотел бы использовать точку останова и механизм определения размеров в стиле системы внутри компонента с элементами стиля. В настоящее время я должен использовать "реагировать на медиа", что решает мою проблему, но это решение связано с большим ко…
20 авг '19 в 23:02
1
ответ
Почему использование prop.children в компоненте Rebass Box выводит console.error в Chrome?
У меня есть приложение, созданное с помощью NextJS, и у меня есть компонент, составленный из библиотеки Rebass, который работает, но выдает это предупреждение в консоли: https://i.stack.imgur.com/1KmzA.png Вот компонент: // Container.js import { Box…
29 апр '20 в 23:01
0
ответов
Определение типов для Box и Flex из @rebass/grid
У меня есть библиотека компонентов на основе React, для которой я определяю типы, которые помогут с IntelliSense и проверкой типов (для потребителей TS). Два компонента - это просто Box и Flex, которые реэкспортируются из @ rebass / grid: //src/comp…
15 ноя '19 в 17:15
1
ответ
Зачем использовать Rebass вместо пользовательского интерфейса темы?
Я выбрал Rebass в качестве библиотеки компонентов для своего приложения. Поскольку Rebass не любит темы, ему нужна библиотека тем. Хорошо, я выбрал Theme UI для определения моей темы, а затем начал создавать свое приложение. Я быстро заметил, что вс…
20 апр '20 в 22:26
0
ответов
Базовая библиотека компонентов для React?
Существуют ли какие-либо библиотеки, такие как Rebass (для React), с аналогичным API, которые предоставляют общие базовые компоненты? Box, Header, Flex и т. Д.? Это не требует головной боли, связанной с настройкой темы, themeProviders для контекста …
10 апр '20 в 05:21
5
ответов
Как стилизовать переключатель Rebass
Используя Rebass/Forms в React, я не могу правильно изменить размер компонента Switch, используя стили. (Я также использую@emotion/styled) Я пробовал использовать size атрибут, но это не дает желаемого эффекта простого изменения масштаба переключате…
29 апр '20 в 00:51
1
ответ
UseThemeUI в ThemeUI не содержит useColorMode
Я пытаюсь использовать темы в Rebass, и он предложил Theme UI для создания тем. Следуя руководству по следующему, я не могу получитьsetColorMode работать в моем сборнике рассказов. Импортировать useColorMode import React from 'react' import { ColorM…
02 янв '20 в 11:51
2
ответа
Сделайте все дочерние элементы одинаковой высоты внутри flexBox
У меня есть flexBox, у которого есть 2 ребенка. Один ребенок - это просто значок, и он, кажется, не такой же высоты, как другой ребенок. Пожалуйста, посоветуйте мне, как это исправить. URL игровой площадки:URL import React from "react"; import "./st…
21 июл '20 в 02:37
1
ответ
Зачем css-in-js системам ThemeProvider/useTheme
(или с аналогичным названием в зависимости от библиотеки) Эти функции предназначены исключительно для простоты использования при доступе к теме в приложении или они обеспечивают некоторые функциональные преимущества / преимущества? В чем разница меж…
19 окт '20 в 01:14
0
ответов
Реагируйте с эффектом наведения Rebass и стилем псевдоэлементов
Я использую приложение create-response-app с ребассом. Как добавить псевдоэлементы? import React from 'react' import { Box, Card, Image, Heading, Text } from 'rebass' import Test from './test.css' function Pokemon({ pokemon }) { return ( <Box p={…
25 июл '21 в 22:14
1
ответ
Как использовать значения динамического класса, такие как disabled или active, с помощью theme-ui?
Итак, я использую theme-ui и его возможности создания тем, но я новичок в этом. По-старому я просто использовал пакет classNames и динамически добавлял стили в зависимости от свойств, состояния и т. Д. аля ... const btnStyles = cn('plainButton', { […
18 сен '21 в 23:13
0
ответов
Когда я сосредоточен на раскрывающемся списке, пробел не открывает раскрывающийся список
Я разрабатываю раскрывающийся список, используя Select из rebass. Когда я использую клавиатуру для навигации по странице, когда я подхожу к раскрывающемуся списку и нажимаю клавишу пробела или ввод, я хочу, чтобы раскрывающийся список открылся. Я до…
27 окт '21 в 12:45
0
ответов
Rebass не принимает значения, определенные в теме пользовательского интерфейса Theme
Мой индексный файл, в который я оборачиваю компонент приложения с помощью ThemeProvider Индекс.tsx import React from 'react'; import ReactDOM from 'react-dom'; import { ThemeProvider } from 'theme-ui'; import App from './App'; import {theme} from '.…
04 фев '22 в 20:39
1
ответ
Как я могу заменить компонент «Текст» (div) на другой семантический элемент?
HTML-элементом по умолчанию для компонента Text является div. Я хотел бы изменить элемент HTML компонента Text на другие теги, такие как H1, H2, H3 и P для семантики. Как я могу изменить HTML-элемент компонента rebass Text на другие теги для семанти…
24 дек '20 в 07:59
0
ответов
Как изменить точки останова Rebass?
Я пытаюсь изменить точки останова по умолчанию, но это не работает. Я следовал документам и использовал ThemeProvider, но Rebass по-прежнему использует точки останова по умолчанию. Вместо использования emotion-theming, Я использую @emotion/reactиз-з…
12 фев '21 в 15:12
0
ответов
Ребас текст и типографика компонентов заголовков
Возникли проблемы с изменением типографики по умолчанию для Rebass и компонентов в теме. Согласно документам Rebass, «компоненты Text и Heading используют пользовательский объект theme.text». Глядя наtypesдля темы Rebass они указывают, что компонент…
19 фев '23 в 17:40