Fulldev UI Social
---
import Social from 'fulldev-ui/components/Social.astro'
---
<Social href="https://x.com/silveltm" />
Props
Examples
href
If possible, the platform icon will be automatically set based on the href. The following platforms are supported:
- X
- YouTube
- TikTok
- Twitch
- GitHub
- Discord
---
import Social from 'fulldev-ui/components/Social.astro'
---
<Social href="https://x.com/silveltm" />
<Social href="https://www.linkedin.com/in/silveltman/" />
<Social href="https://discord.gg/vXZqMbadm8" />
<Social href="https://github.com/fulldotdev/ui" />
icon
You can also manually set the icon, in which case this component behaves like a regular <Button/>.
---
import Social from 'fulldev-ui/components/Social.astro'
---
<Social icon="confetti" href="https://x.com/silveltm" />
variant
---
import Social from 'fulldev-ui/components/Social.astro'
---
<Social href="https://x.com/silveltm" variant="primary" />
<Social href="https://x.com/silveltm" variant="secondary" />
<Social href="https://x.com/silveltm" variant="outline" />
<Social href="https://x.com/silveltm" variant="ghost" />
size
---
import Social from 'fulldev-ui/components/Social.astro'
---
<Social href="https://x.com/silveltm" size="sm">Small</Social>
<Social href="https://x.com/silveltm" size="md">Medium</Social>
<Social href="https://x.com/silveltm" size="lg">Large</Social>
text
---
import Social from 'fulldev-ui/components/Social.astro'
---
<Social href="https://x.com/silveltm" text="Follow" />