docs: display live UI Components examples #43
Merged
+8,860
−21
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
pkosiec
force-pushed
the
pkosiec/docs-ui-components-examples
branch
from
54bd34b to
c9e6e1d
Compare
pkosiec
changed the base branch from
pkosiec/docs-api-reference-ui-components
to
pkosiec/ui-components-examples
pkosiec
requested review from
MarioCadenas and
ditadi
and removed request for
MarioCadenas
ditadi
approved these changes
Jan 9, 2026
pkosiec
force-pushed
the
pkosiec/ui-components-examples
branch
from
d6c82ee to
853d694
Compare
pkosiec
force-pushed
the
pkosiec/docs-ui-components-examples
branch
2 times, most recently
from
cb2da99 to
29698e4
Compare
Member
Author
|
JFYI @ditadi Rebased on top of the new examples: I needed to modify docusaurus config to fix the imports:
Other than that, there are no other changes AFAIK 👍 |
MarioCadenas
approved these changes
Jan 13, 2026
pkosiec
force-pushed
the
pkosiec/docs-ui-components-examples
branch
from
29698e4 to
e0c68a5
Compare
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
The documentation website now has live preview of the UI components. How it works?
How it works
During docs site build:
appkitexports andappkit-uiones too (discovering props automatically)examples.gen.tsfile), together with theappkit-uibuilt styles. (appkit-ui/styles.gen.css)On the docs website, we display components in iframes for styles isolation, and we do some tweaks to ensure even dynamic styles and content aren't leaking to the parent. See the
IframePreviewcomponent to see all those hacks.Resolves https://databricks.atlassian.net/browse/LKB-8139
Demo
ui-components-docs.mp4