Buttons & Actions
Social Buttons
Sign-in buttons for Google, Facebook, Apple, X (Twitter), Figma and Dribbble — brand, color and gray themes, full-width or icon-only.
Import
import { SocialButton } from "@countryclub/ui-react";Default
The three themes — brand, color and gray — plus icon-only squares.
Facebook in every theme and the icon-only variant.
Apple
Apple in every theme — the black brand fill inverts in dark mode.
Twitter (X)
X in every theme and the icon-only variant.
Figma
Figma in every theme — the color theme shows the multicolor logo.
Dribbble
Dribbble in every theme and the icon-only variant.
Brand Group
All providers stacked with their brand fills.
Icons · Brand
Icon-only squares with brand fills.
Color Group
The outline theme with each provider's full-color logo.
Icons · Color
Icon-only outline squares with full-color logos.
Gray Group
The neutral tonal theme with monochrome logos.