This is a showcase of an unofficial port of Base UI for
SolidJS
. It is intented to represent 100% compatibility (with the exception of
framework-specific mechanics) with the original React version.
Description:
Port is based on the v1.0.0-beta.1 release (specifically this commit).
This port also includes a port of included Floating UI components.
All components' interfaces are 100% compatible with the React version, with the exception
of framework-specific mechanics
For example, in Solid passing a component to render prop like render={<button some="props"/>} would resolve a component immediately, preventing it from getting the props provided by
the render prop. This port provides multiple
ways of solving this issue.
All the demos render both React and Solid versions of the demo components.
You can toggle between Tailwind/Css Modules versions of the demos
You can also toggle rendering the whole layout between React and Solid versions.
Both React and Solid versions of the website are using shadcn/ui + Base UI starter template. Solid version of those components is the exact copy of React's.