📄️ Action sheet
Action sheet dùng để thực hiện các hành động select từ popOver với content children hiển thị trong sheet
📄️ Async component
Component này cho phép truyền vào status và hiển thị success, error, hoặc error UI
📄️ Box hover
Component này khi hover vào sẽ hiển thị background xám và đổi background khi trạng thái active hoặc disabled
📄️ Button group
Button group cho phép ta lựa chọn một trong nhiều options giống `` nhưng có UI hiển thị dang inline
📄️ Choice with device
Component này là dạng bọc 1 component khác và tạo cho nó phần action responsive theo device
📄️ Collapse
Là loại component click vào sẽ ẩn hiện nội dung.
📄️ Color picker
Color picker custom giống polaris nhưng thêm hex, rgba
📄️ Freeze
Đóng băng giúp tối ưu component tránh re-render khi không cần thiết
📄️ Icon
Icon giống polaris nhưng sẽ add 1 số icon custom (prefix XO)
📄️ Item drag
Item UI drag, xuất hiện khi cần drag item có chứa ảnh , title và action (xuất hiện để reorder item trong collectionlist, productlist...)
📄️ 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
📄️ Layout screen
Layout của screen
📄️ Link out
Button go to link Shopify. Xuất hiện trong select resource dùng để tạo resource mới
📄️ Mark up
Component có này dạng HTML đầu vào, hiển thị ở sidebar để hướng dẫn user thực hiện tác vụ nào đó.
📄️ Masonry
Masonry layout
📄️ Modal
Component có này giống với Modal của shopify, thêm phần sidebar, và bên section thêm back
📄️ Popover
Popover giống polaris (code gọn hơn)
📄️ Position Drag
Sử dụng để thực hiện các hành động kéo sẽ trả ra toạ độ x, y của vị trí kéo
📄️ ScrollBar
Component này bọc vào 1 scrollable để style cho scroll bar của nó theo ý
📄️ Select
Select dùng popover để hiện các options thay vì mặc định của polaris
📄️ Selector
Hiển thị icon selected khi select vào item
📄️ Shadow Field
Component dùng để tạo ra component Shadow (Text shadow, box shadow)
📄️ Sidebar content
📄️ Slider with unit
Compont field Ranger slider (polaris) kèm theo input hiển thị value và đơn vị
📄️ Toggle switch
Toggle switch ( hoạt động giống checkbox )
📄️ Upload File
Upload File dùng để thực hiện upload các file lên shopify
📄️ Video Url
component này dùng để gọi data từ 1 url video bất kì
📄️ Virtual scroll
Component này sẽ tạo ra một list với số lượng item lớn mà không ảnh hưởng đến performance
📄️ X Slider
Cho phép tạo ra một slider chiều ngang với nhiều item