Я использую попутный ветер для стилизации в своем проекте React. Я хотел применить стиль stroke-dasharray
к элементу <circle>
, используя классы попутного ветра, но после некоторых исследований выяснилось, что попутный ветер не предоставляет никаких классов для стилизации этих атрибутов, как можно увидеть в этом обсуждении в репозитории попутного ветра на GitHub.
Есть идеи?
Я уже знал о произвольных значениях попутного ветра, но после некоторых дополнительных исследований я узнал о произвольных свойствах попутного ветра! Это способ попутного ветра, позволяющий стилизовать любые свойства, которые они не поддерживают.
Итак, в моем случае я смог сделать:
<circle className = "[stroke-dasharray:2,5]" />
Tailwind CSS не предоставляет прямой служебный класс для свойства CSS Stroke-dasharray, которое обычно используется в SVG для создания пунктирных или пунктирных линий. Однако вы можете расширить Tailwind, включив в него эту функциональность, добавив собственные утилиты.