v0.5.0

uikit v0.5.0

Features

• draggable scroll bar

Fixes

• useMeasureText never loading the font
• make <Portal> usable in XR

Breaking Changes

• drag to scroll is disabled when using the mouse to mimic typical browser interactions

v0.4.0

uikit v0.4.0

• dpr property for portals
• improved Portal responsiveness and decoupling between parent scene
• Video component in default kit with VideoControls
• percentage in transforms (e.g. transformTranslateX="-50%")
• alignments to react-three/xr
• clipping plane improvements (now doesn't lag behind when moving panels)
• bug fixes

Breaking Changes

• due to popular demand ref.current.setStyle now merges with the current style instead of replacing it
• pointerEvents is set to "auto" on the root by default, to align uikit closer to css where pointerEvents: auto is the default. To keep the old behavior, set pointerEvents="listener" on the root / fullscreen component.

v0.3.0

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

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.