# Claim Widgets

#### **Current Version**

1.16.1

{% content-ref url="claim-widgets/version-change-notes" %}
[version-change-notes](https://docs.manifold.xyz/manifold-for-developers/resources/widgets/claim-widgets/version-change-notes)
{% endcontent-ref %}

#### **Javascript Library**

<https://claims.manifoldxyz.dev/1.16.1/claimComplete.umd.min.js>

#### Base CSS

<https://claims.manifoldxyz.dev/1.16.1/claimComplete.css>

#### Required Properties

* **data-widget:** The type of claim widget you wish to use
* **data-id**: The id of the claim you've created

## Peer Dependencies

{% hint style="danger" %}
Requires with the [Connect Widget](https://docs.manifold.xyz/manifold-for-developers/resources/widgets/connect-widget) (>= 2.2.0) or your own instantiated instance of the [Manifold Ethereum Provider](https://docs.manifold.xyz/manifold-for-developers/resources/manifold-ethereum-provider).
{% endhint %}

{% hint style="info" %}
Uses the [Wallet Identity Widget](https://docs.manifold.xyz/manifold-for-developers/resources/widgets/wallet-identity-widget) (>= 2.0.0) to display a claim seller's details. If this is not included, the seller's details will not appear.

This only affects `m-claim-complete`.
{% endhint %}

{% hint style="info" %}
Uses the [Restricted Token Widget](https://docs.manifold.xyz/manifold-for-developers/resources/widgets/restricted-token-widget) (>= 0.1.0) to display the marketplace on which the listing's token is blocked, if any. If this is not included, the widget will not appear.

This only affects `m-claim-complete .`
{% endhint %}

## Overview

Claim widgets are a set of customizable UI components that allow you to create a fully customized claim page experience.

They have been used by artists to build put [multiple claims on one page](https://notabledrops.pepe.wtf/) and many other examples to come.

## Creating Claims

Claims are created and managed via the [Claim Page app in Manifold Studio](https://studio.manifold.xyz/apps/2537426615)

## Adding Claim Widgets

You can find detailed instructions on how to install and use widgets for your specific website stack by referring to [Step 3 in the Getting Started Guide](https://docs.manifold.xyz/manifold-for-developers/guides/getting-started#step-3-add-manifold-widgets-to-your-website). Step 1 and 2 are not required for this widget.