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

name: Default
slots:
  items:
    - type: component
      component: "ui_suite_daisyui:chat_bubble"
      slots:
        avatar:
          type: component
          component: "ui_suite_daisyui:avatar"
          props:
            rounded: rounded-full
            size: "w-10"
          slots:
            image:
              theme: image
              uri: "https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp"
              alt: "Tailwind CSS chat bubble component"
        header: "Obi-Wan Kenobi"
        time: "12:45"
        text: "You were the Chosen One!"
        footer: Delivered
    - type: component
      component: "ui_suite_daisyui:chat_bubble"
      slots:
        avatar:
          type: component
          component: "ui_suite_daisyui:avatar"
          props:
            rounded: rounded-full
            size: "w-10"
          slots:
            image:
              theme: image
              uri: "https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp"
              alt: "Tailwind CSS chat bubble component"
        header: Anakin
        time: "12:46"
        text: "I hate you!"
        footer: "Seen at 12:46"
      props:
        position: end