Skip to main content

Item text image

Item xuất hiện nhiều trong các field cần load list item từ shopify (collection, product, page, blog picker). Gồm ảnh, text và icon select

Ví dụ

import { ItemTextImage } from '@xobuilder/ui';

const Demo: FC = () => {
const handleClickItem = () => {};

return <ItemTextImage title="Title" image="https://..." onClick={handleClickItem} />;
};

Props

ItemTextImageProps

NameTypeDefaultDescription
titlestring-Title của item
imagestringImageMajor Ảnh của item
imageSizenumber30Kích thước của ảnh trong thumbnail icon
describestring-Dòng description hiện dưới title
activeboolean-Trạng thái active của item text
iconReactNodeCircleTickMajorIcon hiện bên cạnh title, tone của icon phụ thuộc vào active
isHideIconbooleanfalseẨn icon hay không
onClick() => void-Hàm truyền vào khi click item