4P's
E-Invoice
Components
Figma component library
Every primitive on this page is mapped from node2:3637.Button
Icon Button
Quantity Stepper
Interactive form control
1
Fields
Phone number
Select field
Checkbox States
Radio States
Selected radio value: option1
OTP
__
URL Bar
Information Issue E-invoice
Thanks Note
E-Invoice Issued Successfully
RestaurantIssued Date
Pizza 4Ps Saigon Pearl09/08/2026
1:45 PM
Didn't receive it?
Contact support: 19006043 (09:00–22:00)
E-Invoice Issued Successfully
RestaurantIssued Date
Pizza 4Ps Saigon Pearl09/08/2026
1:45 PM
Didn't receive it?
Contact support: 19006043 (09:00–22:00)
Preview Invoice
4P's
E-Invoice
Accordion
Rules for delivery, refunds, and support are grouped into a compact accordion pattern.
Notes cover invoice issuance, receipt timing, and contact guidance.
Hỗ trợ thay đổi thông tin đơn hàng, cập nhật địa chỉ giao hàng, xử lý sự cố thanh toán, hoặc tiếp nhận khiếu nại về chất lượng món ăn và dịch vụ vận chuyển của Pizza 4P's.
Star Icons
Brand Icons
Dark background preview
New Utility Icons
Scroll to Top
55 × 55 · #02499D · border-radius: 50%shadow: 0 4px 4px rgba(0,0,0,0.25)Scroll down to see the live FAB →
Modal
Snackbar
Animations Test:
Hover over the snackbar to pause the progress bar. Multiple notifications will stack!Tooltip Positions Test
Scoped Modal & Custom Gap Test
Tab Group (standalone)
Tab Group (multiple tabs with scrolling)
Selected tab: tab1