Feedback COPY-READY COMPONENT
Empty state
Useful empty-state messaging and an actionable button.
SOURCE INCLUDEDBrowse library
Component studio/ empty-state
PREVIEW SOURCE PreviewINTERACTIVE
Loading Zidom preview…
Try the component here. Changes stay in your browser.
YOUR NEXT STEP
Make it yours.
Everything you see above is real Zidom code. Choose a source file, copy it, and adapt it in your project.
Copy the TSX and CSS from their respective tabs. Add both files to your project and import the stylesheet. TypeScript must use jsxImportSource: "@zidomjs/dom" with the Zidom Vite plugin. Setup guide →