Social Links
A row of social media icon buttons linking to platforms like Instagram, YouTube, LinkedIn, Twitter, and Facebook.
Usage
tsx
import { SocialLinks } from "zostel-ui";
<SocialLinks
links={[
{ platform: "instagram", url: "https://instagram.com/zostel" },
{ platform: "youtube", url: "https://youtube.com/zostel" },
{ platform: "linkedin", url: "https://linkedin.com/company/zostel" },
{ platform: "twitter", url: "https://twitter.com/zostel" },
{ platform: "facebook", url: "https://facebook.com/zostel" },
]}
variant="outline"
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
links | SocialLink[] | — | Array of social link objects with platform and url |
variant | "outline" | "filled" | "labeled" | "outline" | Visual style variant |
size | "sm" | "md" | "lg" | "md" | Size of the icon buttons |
linksType:
SocialLink[]Default: —
Array of social link objects with platform and url
variantType:
"outline" | "filled" | "labeled"Default: "outline"
Visual style variant
sizeType:
"sm" | "md" | "lg"Default: "md"
Size of the icon buttons