elorm/ui

Social Links

A row of monochrome social media icon links.

Saved preference for elorm init --ui-library base-ui
PreviewCode
import { SocialLinks } from "@/components/ui/social-links"

export function SocialLinksDemo() {
  return (
    <SocialLinks
      links={[
        { platform: "github", href: "https://github.com/Akarikev/ui" },
        { platform: "x", href: "https://x.com" },
        { platform: "mastodon", href: "https://mastodon.social" },
        { platform: "bluesky", href: "https://bsky.app" },
        { platform: "reddit", href: "https://reddit.com" },
        { platform: "discord", href: "https://discord.com" },
      ]}
    />
  )
}

Installation#

Usage#

import { SocialLinks } from "@/components/ui/social-links"

A row of monochrome social media icon links.

Pass an array of platform + href pairs. Supports github, x, mastodon, bluesky, reddit, and discord.

Examples#

Default#

PreviewCode
import { SocialLinks } from "@/components/ui/social-links"

export function SocialLinksDemo() {
  return (
    <SocialLinks links={[{ platform: "github", href: "https://github.com/you" }]} />
  )
}
BadgeAlert