# Is Not Connected

### 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>
```

Anything underneath this component will only appear when the user has not connected their wallet yet.

### Code

{% code lineNumbers="true" %}

```html
<nk-diamond collection-id="Your-SDK-Public-Key">
  <nk-is-not-connected>
    <h3>Foo?</h3>
    <p>Why does everyone keeps using Foo</p>
  </nk-is-not-connected>
</nk-diamond>
```

{% endcode %}