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