Replies: 30 comments 5 replies
-
|
Tailwind = Bootstrap |
Beta Was this translation helpful? Give feedback.
-
Tailwind > Bootstrap :) |
Beta Was this translation helpful? Give feedback.
-
|
Just started using Tailwind, and I am wondering why I didn't start sooner. |
Beta Was this translation helpful? Give feedback.
-
|
I would love to see this feature! +1 |
Beta Was this translation helpful? Give feedback.
-
|
When I need these I generally just use the SVG attributes directly, for example: Can anyone share some real world motivating examples for needing these as classes? Are you changing these sorts of things often based on hover states or at different breakpoints? |
Beta Was this translation helpful? Give feedback.
-
|
I'm using the react-circular-progressbar library and trying to style its child elements: import { CircularProgressbar } from "react-circular-progressbar";
<CircularProgressBar
className="h-4 w-4"
classes={{
path: "stroke-linecap-round stroke-green-600",
text: "dominant-baseline-middle text-anchor-middle stroke-green-600",
}}
value={90}
/> |
Beta Was this translation helpful? Give feedback.
-
|
We are making custom charts using Angular and D3 for a financial dashboard; One such use-case is changing the style of the line when hovering/clicking. Right now we're switching custom CSS classes to support changing attributes like |
Beta Was this translation helpful? Give feedback.
-
|
being able to target the dasharray and dashoffset would be nice to compliment custom keyframes in the tailwind config to animate in/out svgs.... |
Beta Was this translation helpful? Give feedback.
-
<div class="[stroke-linejoin:round]">
<!-- ... -->
</div> |
Beta Was this translation helpful? Give feedback.
-
|
Bump, don't wanna mix tw classes with inline styles |
Beta Was this translation helpful? Give feedback.
-
|
I'd love to see more examples of SVGs responding properly to tailwindcss cues .... it's been hard to find anything substantial using them that illustrates how best to get things to work. |
Beta Was this translation helpful? Give feedback.
-
|
can't believe tailwind still has not added this yet 😮💨 |
Beta Was this translation helpful? Give feedback.
and others
-
With the recent addition of
fill-*andstroke-*classes, it would be great if more SVG properties were added to Tailwind.Some properties I reach for often which would be a good start (instead of having to reach for
style="..."or adding a Svelte class).Some of these will be best to primarily leverage with arbitrary values (ex.
stroke-dashoffset/stroke-dasharray) although those with a defined list (ex.stroke-linejoin/stroke-linecap) should make for straight forward class names.Beta Was this translation helpful? Give feedback.
All reactions