Channels

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

<Channels
  channels={[
    {
      icon: 'mail',
      heading: 'Mail',
      text: 'info@full.dev',
      href: 'mailto:info@full.dev',
    },
    {
      icon: 'phone',
      heading: 'Phone',
      text: '+316 83485163',
      href: 'tel:+31683485163',
    },
  ]}
/>

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

<Channels
  variant="primary"
  channels={[
    {
      icon: 'mail',
      heading: 'Mail',
      text: 'info@full.dev',
      href: 'mailto:info@full.dev',
    },
    {
      icon: 'phone',
      heading: 'Phone',
      text: '+316 83485163',
      href: 'tel:+31683485163',
    },
  ]}
/>

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

<Channels
  size="sm"
  channels={[
    {
      icon: 'mail',
      heading: 'Mail',
      text: 'info@full.dev',
      href: 'mailto:info@full.dev',
    },
    {
      icon: 'phone',
      heading: 'Phone',
      text: '+316 83485163',
      href: 'tel:+31683485163',
    },
  ]}
/>