# Spinner

UI-buildercraft introduces an advanced Spinner component for Angular applications, empowering developers to create custom spinners with adjustable height, width, and color. This versatile component allows seamless integration of stylish spinners into your application, offering the flexibility to tailor their appearance to match your unique design preferences. Customize the height, width, and color effortlessly, enhancing the visual appeal and user experience of your spinners.

{% tabs %}
{% tab title="Preview" %}

<figure><img src="https://3853755219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRZsE7PGMzORdJjMe0QqY%2Fuploads%2FHb0Ix9L1EO83IdIGwYa1%2Fimage.png?alt=media&#x26;token=8031c335-ca88-400f-9827-0286845ef4f3" alt=""><figcaption></figcaption></figure>

{% endtab %}

{% tab title="Html" %}

```html
<UI-BuilderCraft-spiner [height]="100" [width]="100" [color]="'#f9b115'"></UI-BuilderCraft-spiner>
```

{% endtab %}

{% tab title="Module" %}

```html

  imports: [SpinerComponent]

```

{% endtab %}
{% endtabs %}

| Properties | Type   | Default Value |
| ---------- | ------ | ------------- |
| Height     | Number | 20            |
| Width      | Number | 20            |
| Color      | String | #3498db       |
