Socials

---
import Socials from 'fulldev-ui/components/Socials.astro'
---

<Socials
  socials={[
    'https://x.com/silveltm',
    'https://www.linkedin.com/in/silveltman/',
    'https://discord.gg/vXZqMbadm8',
    'https://github.com/fulldotdev/ui',
  ]}
/>

---
import Socials from 'fulldev-ui/components/Socials.astro'
---

<Socials
  variant="primary"
  socials={[
    'https://x.com/silveltm',
    'https://www.linkedin.com/in/silveltman/',
    'https://discord.gg/vXZqMbadm8',
    'https://github.com/fulldotdev/ui',
  ]}
/>

<Socials
  variant="secondary"
  socials={[
    'https://x.com/silveltm',
    'https://www.linkedin.com/in/silveltman/',
    'https://discord.gg/vXZqMbadm8',
    'https://github.com/fulldotdev/ui',
  ]}
/>

<Socials
  variant="outline"
  socials={[
    'https://x.com/silveltm',
    'https://www.linkedin.com/in/silveltman/',
    'https://discord.gg/vXZqMbadm8',
    'https://github.com/fulldotdev/ui',
  ]}
/>

---
import Socials from 'fulldev-ui/components/Socials.astro'
---

<Socials
  variant="secondary"
  size="sm"
  socials={[
    'https://x.com/silveltm',
    'https://www.linkedin.com/in/silveltman/',
  ]}
/>

<Socials
  variant="secondary"
  size="md"
  socials={[
    'https://x.com/silveltm',
    'https://www.linkedin.com/in/silveltman/',
  ]}
/>

<Socials
  variant="secondary"
  size="lg"
  socials={[
    'https://x.com/silveltm',
    'https://www.linkedin.com/in/silveltman/',
  ]}
/>