Buttons

NButton

Button is a clickable element, which can be used in forms, as well as a navigation element. Noah UI buttons natively support Vue Router to property.

Name
Type
Default
Description
to
[String, Object]
--

Renders the button as an anchor but routes the request via $router

href
String
--

Renders the button as an anchor

tag-name
String
--

Alternative tag name to use, e.g. div

text
String
--

Button text

prefix-icon
String
--

Icon to display before the text

icon
String
--

Alias for prefixIcon

suffix-icon
String
--

Icon to display after the text

loading
Boolean
--

Sets loading state

Default Buttons

Colored Buttons

Stateful Buttons

Buttons with Icons

Form Buttons

Buttons Sizes