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
Name | Type | Default | Description |
---|---|---|---|
title | string | - | Title của item |
image | string | ImageMajor | Ảnh của item |
imageSize | number | 30 | Kích thước của ảnh trong thumbnail icon |
describe | string | - | Dòng description hiện dưới title |
active | boolean | - | Trạng thái active của item text |
icon | ReactNode | CircleTickMajor | Icon hiện bên cạnh title, tone của icon phụ thuộc vào active |
isHideIcon | boolean | false | Ẩn icon hay không |
onClick | () => void | - | Hàm truyền vào khi click item |