Social Icons
Link to social profiles with recognizable icons.
Preview
Import
import { SocialIcons } from "@sigil-ui/components";Usage
<SocialIcons
links={[
{ label: "GitHub", href: "https://github.com", icon: <span aria-hidden className="text-xs font-semibold">GH</span> },
{ label: "X", href: "https://x.com", icon: <span aria-hidden className="text-xs font-semibold">X</span> },
]}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
links (required) | SocialLink[] | — | Links configuration. |
size | "sm" | "md" | — | Sets the component's size. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-border | Border |
--s-border-style | Border style |
--s-radius-sm | Radius sm |
--s-text-muted | Text muted |
--s-duration-fast | Duration fast |
--s-text | Text |
--s-border-strong | Border strong |