WidgetCardSlider

This component uses Swiper Element (WebComponent)

---
import { WidgetCardSlider } from '@yatoday/astro-ui/astro';
---

<WidgetCardSlider
  useToRender="Card2"
  items={[
    {
      title: 'Slide 1',
      description:
        'Lorem ipsum dolor sit amet, consectetur adipisicing elit dolor sit amet, consectetur adipisicing elit.',
      image: '~/assets/images/800x800.svg',
      url: '#',
    },
    {
      title: 'Slide + CSS',
      description:
        'Lorem ipsum dolor sit amet, consectetur adipisicing elit dolor sit amet, consectetur adipisicing elit',
      image: '~/assets/images/800x800.svg',
      url: '#',
      classes: {
        container: 'rounded-3xl bg-linear-to-r/srgb from-gray-900 to-gray-600',
        image: '',
        title: 'font-bold uppercase bg-gradient-to-r from-pink-500 to-violet-500 bg-clip-text text-transparent',
        description: 'text-zinc-300',
      },
    },
    {
      title: 'Slide 3',
      description:
        'Lorem ipsum dolor sit amet, consectetur adipisicing elit dolor sit amet, consectetur adipisicing elit.',
      image: '~/assets/images/800x800.svg',
      url: '#',
    },
    {
      title: 'Slide 4',
      description:
        'Lorem ipsum dolor sit amet, consectetur adipisicing elit dolor sit amet, consectetur adipisicing elit.',
      image: '~/assets/images/800x800.svg',
      url: '#',
    },
    {
      title: 'Slide 5',
      description:
        'Lorem ipsum dolor sit amet, consectetur adipisicing elit dolor sit amet, consectetur adipisicing elit.',
      image: '~/assets/images/800x800.svg',
      url: '#',
    },
    {
      title: 'Slide 6',
      description:
        'Lorem ipsum dolor sit amet, consectetur adipisicing elit dolor sit amet, consectetur adipisicing elit.',
      image: '~/assets/images/800x800.svg',
      url: '#',
    },
  ]}
/>

Props