Layout COPY-READY COMPONENT

Content card

Composable content card with a clear call to action.

SOURCE INCLUDEDBrowse library
Component studio/ content-card
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 →