Описание тега 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-компонента?

Я хотел бы использовать точку останова и механизм определения размеров в стиле системы внутри компонента с элементами стиля. В настоящее время я должен использовать "реагировать на медиа", что решает мою проблему, но это решение связано с большим ко…
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…
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

(или с аналогичным названием в зависимости от библиотеки) Эти функции предназначены исключительно для простоты использования при доступе к теме в приложении или они обеспечивают некоторые функциональные преимущества / преимущества? В чем разница меж…
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 они указывают, что компонент…