Code Block Examples
Showcase your components with command blocks and code examples
Button Component
A versatile button component with multiple variants
<Link
href="https://app.rapidforms.co/p/33375b?theme=dark"
target="blank"
>
{" "}
<Button className="hover:bg-neutral h-fit w-32 cursor-pointer flex-col items-stretch justify-start gap-0 border bg-black dark:bg-white px-4 py-3 shadow-xl transition-transform duration-200 ease-in-out hover:scale-105 sm:w-40">
<div className="flex items-center justify-between opacity-80">
<p className="text-sm/none text-muted-foreground">
Contact
</p>
<svg
width="20"
height="20"
viewBox="0 0 444 219"
fill="none"
className="fill-blue-500"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M230.655 0.964996L340.829 219H240.788L130.614 0.964996H230.655ZM371.914 218.518L261.262 0L285.572 0.229004C304.083 0.388004 318.659 0.471995 329.301 0.481995H331.289C393.537 0.481995 444 50.981 444 113.275C444 161.235 414.088 202.204 371.914 218.518ZM100.263 0L210.68 218.518H110.418L0 0H100.263Z" />
</svg>{" "}
</div>
<p className="text-start text-white dark:text-black">
Founder
</p>
</Button>
</Link>
Card Component
Display content in a contained card layout
Installation
Get started by installing the required dependencies