> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uselooop.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Discount element allows users to validate and apply discount codes to their cart.

<Frame>
  <img src="https://mintcdn.com/thinddev/WJpokBS_R24FjARc/images/discount.jpg?fit=max&auto=format&n=WJpokBS_R24FjARc&q=85&s=2522514d81c56eb1d1d2a9f2980f1f46" width="355" height="186" data-path="images/discount.jpg" />
</Frame>

Discount elements consists of two sub elements:

<CardGroup cols={2}>
  <Card title="Discount Form" icon="input-pipe" href="/webflow/cart/default/discount-form">
    Allows user to input and validate discount codes.
  </Card>

  <Card title="Discount List" icon="list" href="/webflow/cart/default/discount-list">
    Renders the list of discount code applied to the cart.
  </Card>
</CardGroup>