OOratiq

Social Buttons

Ready

OAuth sign-in buttons.

Installation

$ npx @oratiq-js/ui add social-buttons

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import
import { SocialButton, SocialButtons } from "@/components/ui/social-buttons";

Single and icon-only

Accessibility

  • Brand marks are inline SVG — no icon-library dependency, and never mirrored under RTL: a logo is not a directional glyph.
  • Icon-only buttons carry the full accessible label ('Continue with Google'), not the brand name alone.

Props

PropTypeDefaultDescription
provider*"google" | "apple" | "github" | "facebook"—Which provider.
actionstring"Continue with"Leading copy.
iconOnlybooleanfalseLogo-only, label moves to aria-label.

View source on GitHub → components/ui/social-buttons.tsx