> For the complete documentation index, see [llms.txt](https://nextgencss.gitbook.io/untitled/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextgencss.gitbook.io/untitled/quick-start/buttons.md).

# Buttons

Buttons in NextGenCSS

## Syntax 

```sass
...other code
    button : "btn",
...other code
```

## Buttons

*Buttons classes are of **4** kinds*

* **`button`** on tag it is the default style you don't need any class for this
* **`.btn-curve`** button with curvy edges
* **`.btn-bootstrap`** buttons like our favourite bootstrap buttons
* **`.btn-circle`** with more circular edges

## **Examples**

```html
<button class="">This is a button</button>
<button class="btn-curve">This is a button</button>
<button class="btn-circle">This is a button</button>
<button class="btn-bootstrap">This is a button</button>
```

<figure><img src="https://2921085085-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg5nbtYYIYcbVnZhdfLY2%2Fuploads%2Fgit-blob-2b3cd680745111d70d48cc92fa4dace145286330%2Fimg.png?alt=media" alt=""><figcaption></figcaption></figure>