Channel

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

<Channel
  heading="Email"
  text="info@full.dev"
  icon="mail"
  href="mailto:info@full.dev"
/>

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

<Channel
  variant="primary"
  heading="Email"
  text="info@full.dev"
  icon="mail"
  href="mailto:info@full.dev"
/>

<Channel
  variant="secondary"
  heading="Email"
  text="info@full.dev"
  icon="mail"
  href="mailto:info@full.dev"
/>

<Channel
  variant="outline"
  heading="Email"
  text="info@full.dev"
  icon="mail"
  href="mailto:info@full.dev"
/>

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

<Channel
  size="sm"
  heading="Email"
  text="info@full.dev"
  icon="mail"
  href="mailto:info@full.dev"
/>

<Channel
  size="md"
  heading="Email"
  text="info@full.dev"
  icon="mail"
  href="mailto:info@full.dev"
/>

<Channel
  size="lg"
  heading="Email"
  text="info@full.dev"
  icon="mail"
  href="mailto:info@full.dev"
/>