UI component library

Explore the storefront’s shared components and the controls used in accounts, checkout, reviews and buyback. All examples use local demo data.

Buttons & links

Account Button / IconButton · antd Button · shared InteractiveLink

Browse iPhones

Form controls

Account Input · antd Form, Input, Select, Checkbox, Radio, Upload · used in account, review and buyback forms

Choose an option
Choose an option
0 / 200

Local preview only; no files are uploaded.

Shared storefront components

modules/common/components · existing controls and product indicators, rendered with their current styling

SelectionRow · single selection (radio)

Use this row style for single choices. Select anywhere on a row; only one option in each group can be selected.

Storage
Grade
Battery

SelectionRow · multiple selection (checkbox)

Use the same row style with checkboxes for multiple choices. Each option can be selected or cleared independently.

Accessories
Disabled

Input · floating label

Shared Input

NativeSelect · checkout country selection

CheckboxWithLabel · address options

FilterRadioGroup · sorting

RadioGroup

Badge / IconBadge

Success
Error
Information
Warning
Disabled

GradeBadge · product condition

Grade S
Grade A
Grade B
Grade C

Rating · 4.5 out of 5

RatingInput · review form

4 stars

Button / IconButton

Heading / Text / Label / Container

UI component library

Existing shared text and container styling.

Product & cart components

Thumbnail · CartTotals · SkeletonProductPreview · existing product and checkout display components

Thumbnail · empty product image

CartTotals · demo order summary

Subtotal (excl. shipping and taxes)€499.00
Shipping€10.00
Discount- €20.00
Taxes€0.00
Total€489.00

SkeletonProductPreview · product loading state

Feedback & states

antd Alert, Tag, Spin, Skeleton, Empty, Result · used in accounts, orders and buyback

Success
Pending
Warning
Error
Disabled
Loading

No data
No demo records
Preview complete
This is a demonstration of the result component.

Data & navigation

antd Table, Statistic, Progress, Steps, Timeline, Collapse, Pagination, Menu · used in accounts, orders and buyback

Demo products
6

Progress

66%
Submitted
2
Inspected
3
Completed
ProductStorageStatusPrice
iPhone 15128 GBAvailable€499.00
iPhone 14256 GBPending€399.00
iPhone 13512 GBAvailable€499.00

Dialogs & forms

Account Modal and shared Modal · form validation and submission run locally

Try submitting with empty or invalid fields to see validation.