The fix attribute
#Motivation
Some components from both DaisyUI and FlyonUI have little flaws, usually in rare cases, and they may be something you do not want to live with. To see such an example, go have a look at FlyonUI's lifted tabs example, and pick a theme with a wide border radius. The lines that form the border of the tabs misbehave quite obviously.
What we identified as flaws is opinionated: maybe the default behavior is exactly what you want, in which case you should leave it as is, but maybe it is not.
#The solution
Introducing the fix attribute: it makes the library append extra classes to the applicable components so that the borderline cases are properly rendered.
The 3 examples below cover:
A correctly rendered (though it could be argued it leaves and undesired
) timeline that should match most if not all the timelines you will ever create,
A rare case of timeline where 1 event has no icon, rendered natively (and in our opinion, incorrectly),
The same rare case rendered in a timeline with the
fixattribute set to true.
-
Event 1
-
Event 2
-
Event 3
-
Event 4
-
Event 1
-
Event 2
-
Event 3
-
Event 4
-
3 events
with an icon
-
Event 2
-
Event 3
-
Misaligned event
-
3 events
with an icon
-
Event 2
-
Event 3
-
Misaligned event
-
3 events
with an icon
-
Event 2
-
Event 3
-
Correctly aligned event
-
3 events
with an icon
-
Event 2
-
Event 3
-
Correctly aligned event
#Supported component
Component | Effects |
|---|---|
|
|
|
|