> For the complete documentation index, see [llms.txt](https://docs.niftykit.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.niftykit.com/customize-your-experience/niftykit-diamond-widgets/available-widgets/drops/drop-mint-price-text.md).

# Drop Mint Price Text

### Getting Started

Please be sure to have the following snippet in the head or upper portion of your HTML:

```html
<script type="module" src="https://sdk.niftykit.com/widgets/widgets.esm.js"></script>
```

Mint Texts require users to connect their wallet first.

### Code

{% code lineNumbers="true" %}

```html
<nk-diamond collection-id="Your-SDK-Public-Key">
  <nk-is-connected>
    <nk-drop-price-text />
  </nk-is-connected>
</nk-diamond>
```

{% endcode %}

You can think of the component like any other element:

{% code lineNumbers="true" %}

```html
<nk-diamond collection-id="Your-SDK-Public-Key">
  <nk-is-connected>
    <h3>Current Price is: <b><nk-drop-price-text /></b></h3>
  </nk-is-connected>
</nk-diamond>
```

{% endcode %}

### Codepen

{% embed url="<https://codepen.io/tpae/pen/LYgjvpO>" %}