Individual component card for collection lists - displays component preview, name, category, and description
Props
previewImageOptionalURL to preview image (leave empty for placeholder)
Default:
""componentNameOptionalName of the component
Default:
"Component Name"categoryOptionalCategory tag (e.g., UI, Full-Stack, Interactive)
Default:
"UI"descriptionOptionalBrief description of what the component does
Default:
"Component description"linkOptionalLink to component details or demo (includes URL, target, and preload options)
buttonTextOptionalText displayed on the action button
Default:
"View Component"isFullStackOptionalIf true, uses primary badge color; if false, uses secondary
Default:
falseUsage
<ComponentCardWrapper componentName="Auth Component" category="Full-Stack" description="User authentication" isFullStack={true} />Category
LandingLibrary
webcn Landing Page
webcnFile Path
src/libraries/webcn/components/ComponentCard.webflow.tsx