Social Button

PreviousNext

A social button component

Docs
shadcnui-blockscomponent

Preview

Loading preview…
components/customized/button/button-11.tsx
import { Button } from "@/registry/ui/button";
import { Instagram, Twitch, Twitter } from "lucide-react";
import React from "react";

const SocialButtonDemo = () => {
  return (
    <div className="flex items-center gap-2">
      <Button size="icon" className="rounded-full">
        <Twitch />
      </Button>
      <Button size="icon" className="rounded-full">
        <Instagram />
      </Button>
      <Button size="icon" className="rounded-full">
        <Twitter />
      </Button>
    </div>
  );
};

export default SocialButtonDemo;

Installation

npx shadcn@latest add @shadcnui-blocks/button-11

Usage

import { Button11 } from "@/components/button-11"
<Button11 />