X-Cart UI Kit

Admin Components

Overview

Components

Buttons Forms Tables Badges Alerts Panels Navigation Search Block Icons Typography Colors

Figma Integration

Patterns

Filter Section Data Table Settings Form

Building Blocks

Partials (Twig)

Mockups

Blank Template Orders List Products List Settings Page

Catalog Import (ECOM-9453)

V1: Explicit Dates V2: Badge Tooltips V3: Status Tooltips V4: Combined Column

Shipments (ECOM-9582)

Shipments List Label Under Number

Acumatica Settings (ECOM-9647)

Step 1: Connection Step 2: Configuration

Returns Admin (ECOM-5618)

Returns Tab (Empty) Order Returns Tab Multiple Returns Create Return Create (Grouped) Create (Selected) Create Return - WD Returns Dashboard Return Detail Return Rules Complete Return Modal Deny Return Modal Return History Modal

Returns Customer

My Returns List Request Return Detail: Submitted Detail: Approved Detail: Completed Order Return Button

Wholesale (ECOM-7245)

Products Filter Bulk Edit Form

Product Detail Tab

No Wholesale Use Profile Custom Pricing

Wholesale Profiles

Profiles (Empty) Migration Banner Profiles List New Profile (Table) New Profile (Repeater) Edit Profile Delete Modal After Migration Migration Modal

2FA (ECOM-6316)

Settings (Super Admin)

Policy: Enforce OFF Policy: Enforce ON

Profile (All Admins)

Profile: 2FA Setup Profile: 2FA Configured Profile: 2FA (Enforced)

Login Flow

Login: 2FA Verification Login: Backup Code Force 2FA Setup

Disable 2FA (Modals)

Modal: Disable (Auth) Modal: Disable (Backup) Modal: Backup Codes Modal: Disable (Auth) - Error Modal: Disable (Backup) - Error

Revoke 2FA (Modals)

Modal: Revoke (Confirm) Modal: Revoke (Success)

Reconfigure 2FA

Modal: Reconfigure (Auth) Modal: Reconfigure (Backup) Modal: Reconfigure (Auth) - Error Modal: Reconfigure (Scan) Modal: Reconfigure (Scan) - Error

Generate Codes

Modal: Generate (Auth) Modal: Generate (Auth) - Error Modal: Generate (Backup) Modal: Generate (Success)

Error States

Login 2FA - Error Login Backup - Error Force Setup - Error Profile Setup - Error

Wheels & Tires Package

Settings Packages Edit Package Orders

Your New Backup Codes

ECOM-6316 Modal shown after user confirms generating new backup codes (old codes invalidated)

admin.xcart.com/admin/?target=profile&tab=2fa (after generating new codes)

View storefront

AD

Admin

admin@store.com (Admin User)

Account details
Address book
Two Factor Authorization

Profile 2FA configured content (blurred)...

Your New Backup Codes

Backup Codes Generated

Save your new backup codes in a secure location

Your previous backup codes are now invalid. Use only these new codes.

1. A7B2-K9M4-P3X8

2. F5H1-N2Q6-R8W4

3. J9L3-S7V1-Y4Z6

4. C2D8-G6K4-M1T9

5. E4U7-B3X5-H8Q2

6. W6P9-L1N3-V7F5

7. Z8R4-T2Y6-K9D1

8. Q5M7-A3S8-J6G2