Checkout Alpha

overview

Coming Soon
Available for:
Figma
Bricks
Gutenberg
Buy Frames
Back to library

Overview

Variables

This frame uses the following locally scoped variables to make it easier for you to edit the style or behavior of this frame. Variables can be viewed or edited from the CSS tab.
--input-gap

Set Gap for "Input" Fields on Customer Details

--review-bg-color

Set Background Color on Order Review

--review-text-color

Set Text Color on Order Review

--review-radius

Set Radius on Order Review Card

--review-shadow

Set Box Shadow on Order Review Card

--order-gap

Set Gap Between Products in Order Review

--section-gap

Gap between Elements in Payment Details

--product-qty-weight

Set Font-Weight of Quantity Total

--pay-box-bg

Background Color of Payment Details

--pay-box-text-color

Text Color of Payment Details

--pay-box-radius

Border Radius of "Pay Now" Button

--button-color

Background Color of "Pay Now" Button

--button-color-hover

Background Hover Color of "Pay Now" Button

--button-text

Text Color of "Pay Now" Button

--button-text-hover

Text Hover Color of "Pay Now" Button

--button-font-size

Font Size of "Pay Now" Button

--button-width

Width of the "Pay Now" Button

HTML5 Tags & Attributes

No related HTML5 elements.

Accessibility Notes

No additional accessibility notes for this frame.

Related Frames

No related frames.

FAQs

Use the related frames section above to check FAQs for other frames related to this frame if you don't see your question here.