You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Разделение на поддкомпоненты (например, Group.ExpandedContent у Group)
Какая проблема?
Возможности выше, естественно, не покрывают все потребности. Набор токенов и API ограничены и их нужно пополнять по запросу. А до поры до времени пользователь, чтобы кастомизировать компонент под нужды продукта, вынужден прибегать к обращению к CSS-классам VKUI-компонентов, тогда как VKUI не считает это публичным API. По крайней мере, на текущий момент мы не пришли к такому выводу.
Цель этой дискуссии – собрать как можно больше кейсов, когда приходится завязываться на CSS-классы, чтобы понять потребности в кастомизации того или иного компонента. Далее – изучить, какие возможности предоставить для решения каждого кейса: что покрыть созданием токена, что расширением API компонента, а что новым инструментом.
Узнать про такие кейсы мы можем, конечно, только от вас, от пользователей ❤️
Очень ждём от вас ответов на следующие вопросы:
Какие компоненты вам приходится кастомизировать прибегая к CSS-классам VKUI-компонентов?
Приведите примеры, как вы кастомизируете компоненты через CSS-классы. Будет очень здорово, если получится предоставить пример кода в песочнице или дать ссылку на проект в GitHub (если он открыт). Примеры сервисов, куда можно залить код:
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Вводная
Как сейчас?
Сейчас VKUI позволяет кастомизировать компоненты с помощью:
набора дизайн-токенов
Подробности
--vkui--color_text_accent
)--vkui--size_base_padding_vertical--regular
или специфичный--vkui--size_field_height--compact
)--vkui--size_border_radius--regular
)--vkui--font_title1--font_size--regular
)API некоторых компонентов
Подробности
ExpandIcon
в Accordion)disableBackground
в PanelHeader илиhideCloseButton
в ModalPage)borderRadius
в Image)size
в HorizontalCell)TitleComponent
в HorizontalCell)Group.ExpandedContent
уGroup
)Какая проблема?
Возможности выше, естественно, не покрывают все потребности. Набор токенов и API ограничены и их нужно пополнять по запросу. А до поры до времени пользователь, чтобы кастомизировать компонент под нужды продукта, вынужден прибегать к обращению к CSS-классам VKUI-компонентов, тогда как VKUI не считает это публичным API. По крайней мере, на текущий момент мы не пришли к такому выводу.
Поиск решений
Цель этой дискуссии – собрать как можно больше кейсов, когда приходится завязываться на CSS-классы, чтобы понять потребности в кастомизации того или иного компонента. Далее – изучить, какие возможности предоставить для решения каждого кейса: что покрыть созданием токена, что расширением API компонента, а что новым инструментом.
Узнать про такие кейсы мы можем, конечно, только от вас, от пользователей ❤️
Очень ждём от вас ответов на следующие вопросы:
Какие компоненты вам приходится кастомизировать прибегая к CSS-классам VKUI-компонентов?
Приведите примеры, как вы кастомизируете компоненты через CSS-классы. Будет очень здорово, если получится предоставить пример кода в песочнице или дать ссылку на проект в GitHub (если он открыт). Примеры сервисов, куда можно залить код:
Какие у вас есть идеи? Как бы вы решили такую задачу без привязки к CSS-классам VKUI-компонентов?
Список известных задач
Собрали список задач из бэклога, без которых придётся завязываться на CSS-классы при создании workaround.
disableModalOverlay
вModalRoot
/ModalPage
/ModalCard
#8071Beta Was this translation helpful? Give feedback.
All reactions