ui_suite_daisyui-4.0.x-dev/components/grid_cols/grid_cols.default.story.yml

name: Default
slots:
  items:
    - type: component
      component: "ui_suite_daisyui:card"
      slots:
        image:
          theme: image
          uri: "https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
          alt: Shoes
        title: Shoes!
        text:
          type: html_tag
          tag: p
          value: "If a dog chews shoes whose shoes does he choose?"
        actions:
          type: component
          component: "ui_suite_daisyui:button"
          slots:
            label: "Buy Now"
          props:
            variant: primary
            size: sm
      props:
      attributes:
        class: ["bg-base-100", "shadow-xl"]
    - type: component
      component: "ui_suite_daisyui:card"
      slots:
        image:
          theme: image
          uri: "https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
          alt: Shoes
        title: Shoes!
        text:
          type: html_tag
          tag: p
          value: "If a dog chews shoes whose shoes does he choose?"
        actions:
          type: component
          component: "ui_suite_daisyui:button"
          slots:
            label: "Buy Now"
          props:
            variant: primary
            size: sm
      props:
      attributes:
        class: ["bg-base-100", "shadow-xl"]
    - type: component
      component: "ui_suite_daisyui:card"
      slots:
        image:
          theme: image
          uri: "https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
          alt: Shoes
        title: Shoes!
        text:
          type: html_tag
          tag: p
          value: "If a dog chews shoes whose shoes does he choose?"
        actions:
          type: component
          component: "ui_suite_daisyui:button"
          slots:
            label: "Buy Now"
          props:
            variant: primary
            size: sm
      props:
      attributes:
        class: ["bg-base-100", "shadow-xl"]
    - type: component
      component: "ui_suite_daisyui:card"
      slots:
        image:
          theme: image
          uri: "https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
          alt: Shoes
        title: Shoes!
        text:
          type: html_tag
          tag: p
          value: "If a dog chews shoes whose shoes does he choose?"
        actions:
          type: component
          component: "ui_suite_daisyui:button"
          slots:
            label: "Buy Now"
          props:
            variant: primary
            size: sm
      props:
      attributes:
        class: ["bg-base-100", "shadow-xl"]
    - type: component
      component: "ui_suite_daisyui:card"
      slots:
        image:
          theme: image
          uri: "https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
          alt: Shoes
        title: Shoes!
        text:
          type: html_tag
          tag: p
          value: "If a dog chews shoes whose shoes does he choose?"
        actions:
          type: component
          component: "ui_suite_daisyui:button"
          slots:
            label: "Buy Now"
          props:
            variant: primary
            size: sm
      props:
      attributes:
        class: ["bg-base-100", "shadow-xl"]
    - type: component
      component: "ui_suite_daisyui:card"
      slots:
        image:
          theme: image
          uri: "https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
          alt: Shoes
        title: Shoes!
        text:
          type: html_tag
          tag: p
          value: "If a dog chews shoes whose shoes does he choose?"
        actions:
          type: component
          component: "ui_suite_daisyui:button"
          slots:
            label: "Buy Now"
          props:
            variant: primary
            size: sm
      props:
      attributes:
        class: ["bg-base-100", "shadow-xl"]
    - type: component
      component: "ui_suite_daisyui:card"
      slots:
        image:
          theme: image
          uri: "https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
          alt: Shoes
        title: Shoes!
        text:
          type: html_tag
          tag: p
          value: "If a dog chews shoes whose shoes does he choose?"
        actions:
          type: component
          component: "ui_suite_daisyui:button"
          slots:
            label: "Buy Now"
          props:
            variant: primary
            size: sm
      props:
      attributes:
        class: ["bg-base-100", "shadow-xl"]
    - type: component
      component: "ui_suite_daisyui:card"
      slots:
        image:
          theme: image
          uri: "https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
          alt: Shoes
        title: Shoes!
        text:
          type: html_tag
          tag: p
          value: "If a dog chews shoes whose shoes does he choose?"
        actions:
          type: component
          component: "ui_suite_daisyui:button"
          slots:
            label: "Buy Now"
          props:
            variant: primary
            size: sm
      props:
      attributes:
        class: ["bg-base-100", "shadow-xl"]