uikit

uikit v0.3.0

• support for display: none
• support for visibility: hidden
• Preview and htmlToCode allow to convert html+css+shadcn+tailwind to uikit code
• expose ref.current.getStyle

Breaking Changes

all breaking changes are made to make uikit more compatible with html/css

• cli now installs into subfolders for each kit to allow mixing kits #27
• property border changed to borderWidth
• property horizontalAlign of text changed to textAlign
• lineHeight is now receive absolute values and percentages instead of multipliers (lineHeight 1.3 changes to "130%")

v0.2.0 upgrades to yoga 3.0 🎉

yoga3.0 announcement

@react-three/uikit now uses web defaults making transitions between html/css easier:

Breaking Changes

• flexDirection default is now row
• flexShrink default is now 1
• alignContent default is now stretch

Migration

Explicitly set flexDirection to column where it was previously omitted. Set flexShrink to 0 where content is shrunken.
All examples are already migreated.