Xing Alert

<XingAlert
  variant="default"
  class="w-full"
>
  Default Alert with no icon
</XingAlert>

<XingAlert
  variant="default"
  icon="lucide-check"
  class="w-full"
>
  Default Alert
</XingAlert>

<XingAlert
  variant="default"
  mode="link"
  icon="lucide-link"
  class="w-full"
>
  Default Alert Link
</XingAlert>

<XingAlert
  variant="default"
  mode="card"
  icon="lucide:box"
  title="Default Alert Card"
  description="The quick brown fox jumps over the lazy dog."
  class="w-full"
/>

<XingAlert
  variant="default"
  mode="linkcard"
  icon="lucide-link"
  title="Default Alert LinkCard"
  description="The quick brown fox jumps over the lazy dog."
  class="w-full"
  href="https://www.nidexingg.com"
/>

<XingAlert
  variant="outline"
  class="w-full"
>
  Outline Alert with no icon
</XingAlert>

<XingAlert
  variant="outline"
  icon="lucide-check"
  class="w-full"
>
  Outline Alert
</XingAlert>

<XingAlert
  variant="outline"
  mode="link"
  icon="lucide-link"
  class="w-full"
>
  Outline Alert Link
</XingAlert>

<XingAlert
  variant="outline"
  mode="card"
  icon="lucide:box"
  title="Outline Alert Card"
  description="The quick brown fox jumps over the lazy dog."
  class="w-full"
/>

<XingAlert
  variant="outline"
  mode="linkcard"
  icon="lucide-link"
  title="Outline Alert Link Card"
  description="The quick brown fox jumps over the lazy dog."
  class="w-full"
  href="https://www.nidexingg.com"
/>

<XingAlert
  variant="color"
  class="w-full"
>
  Custom Color Alert with no icon
</XingAlert>

<XingAlert
  variant="color"
  icon="lucide-check"
  class="w-full"
>
  Custom Color Alert
</XingAlert>

<XingAlert
  variant="color"
  mode="link"
  icon="lucide-link"
  class="w-full"
>
  Custom Color Alert Link
</XingAlert>

<XingAlert
  variant="color"
  mode="card"
  icon="lucide:box"
  title="Custom Color Alert Card"
  description="The quick brown fox jumps over the lazy dog."
  class="w-full"
/>

<XingAlert
  variant="color"
  mode="linkcard"
  icon="lucide-link"
  title="Custom Color Alert Link Card"
  description="The quick brown fox jumps over the lazy dog."
  class="w-full"
  href="https://www.nidexingg.com"
/>

<XingAlert
  variant="color-outline"
  class="w-full"
>
  Custom Color Outline Alert with no icon
</XingAlert>

<XingAlert
  variant="color-outline"
  icon="lucide-check"
  class="w-full"
>
  Custom Color Outline Alert
</XingAlert>

<XingAlert
  variant="color-outline"
  mode="link"
  icon="lucide-link"
  class="w-full"
>
  Custom Color Outline Alert Link
</XingAlert>

<XingAlert
  variant="color-outline"
  mode="card"
  icon="lucide:box"
  title="Custom Color Outline Alert Card"
  description="The quick brown fox jumps over the lazy dog."
  class="w-full"
/>

<XingAlert
  variant="color-outline"
  mode="linkcard"
  icon="lucide-link"
  title="Custom Color Outline Alert Link Card"
  description="The quick brown fox jumps over the lazy dog."
  class="w-full"
  href="https://www.nidexingg.com"
/>