> ## Documentation Index
> Fetch the complete documentation index at: https://mds.stepanu.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Social Buttons

> High-performance, accessible React social button components built for modern applications and websites. These components are built using React Aria and styled with Tailwind CSS.

# Social Button components

<div className="flex gap-4">
  <a href="#" className="bg-gray-100 text-gray-800 text-xs font-medium px-2.5 py-0.5 rounded dark:bg-gray-700 dark:text-gray-300">GitHub</a>
  <a href="https://react-spectrum.adobe.com/react-aria/" className="bg-gray-100 text-gray-800 text-xs font-medium px-2.5 py-0.5 rounded dark:bg-gray-700 dark:text-gray-300">React Aria</a>
</div>

High-performance, accessible React social button components built for modern applications and websites. These components are built using React Aria and styled with Tailwind CSS.

## Social buttons

<Frame className="dark:hidden">
  <iframe src="https://storybook.mavka.agency/iframe.html?globals=theme%3Alight&args=&id=base-components-buttons--social-buttons&viewMode=story" width="100%" height="300px" className="border-none rounded-xl" />
</Frame>

<Frame className="hidden dark:block">
  <iframe src="https://storybook.mavka.agency/iframe.html?globals=theme%3Adark&args=&id=base-components-buttons--social-buttons&viewMode=story" width="100%" height="300px" className="border-none rounded-xl" />
</Frame>

## Social button groups

<Frame className="dark:hidden">
  <iframe src="https://storybook.mavka.agency/iframe.html?globals=theme%3Alight&args=&id=base-components-buttons--social-button-groups&viewMode=story" width="100%" height="300px" className="border-none rounded-xl" />
</Frame>

<Frame className="hidden dark:block">
  <iframe src="https://storybook.mavka.agency/iframe.html?globals=theme%3Adark&args=&id=base-components-buttons--social-button-groups&viewMode=story" width="100%" height="300px" className="border-none rounded-xl" />
</Frame>

## Installation

You can add this social button component using our CLI or manually:

<CodeGroup>
  ```bash CLI theme={null}
  npx mavka@latest add social-button
  ```

  ```bash Manual theme={null}
  # Manual installation steps
  ```
</CodeGroup>