Components

Button

Perform your actions on click of a button.

Usage

<template>
  <NXW-Button>Button </NXW-Button>
</template>

Props

`ariLabel`

string

Default

`color`

object

Default

{
  "bg": "bg-primary-900 dark:bg-primary-900",
  "text": "dark:text-white text-white",
  "border": "dark:border-white border-black",
  "hover": "hover:bg-secondary-800 dark:hover:bg-secondary-800",
  "iconHover": "hover:text-secondary-800 dark:hover:text-secondary-800",
  "loadingCircle": "#27272a",
  "loadingCircleDark": "#27272a",
  "loadingCircleProgress": "#10b981",
  "loadingCircleProgressDark": "#10b981",
  "loadingCircleCutout": "before:bg-primary-900 dark:before:bg-primary-900"
}

`dense`

boolean

Default

false

`disabled`

boolean

Default

false

`grow`

boolean

object

Default

{
  "delay": "delay-10",
  "scale": "hover:scale-105"
}

`height`

string

Default

`icon`

boolean

Default

false

`link`

object

string

Default

`loading`

boolean

Default

false

`rounded`

boolean

string

Default

rounded-md

`shadow`

boolean

string

Default

shadow-md

`target`

string

Default

_self

`transition`

boolean

object

Default

{
  "duration": "duration-300",
  "ease": "ease-in-out"
}

`type`

button

submit

reset

Default

button

Possible Values

buttonsubmitreset

`width`

string

Default

w-fit

Slots

`default`

Used to set the content of the button.

Badge

Draw attention to important information.

Carousel

Display a series of images or content in a compact design.