Components
Checkbox
Quickly tick off your options.
Usage
pnpm i @nuxtwind/components
<template>
<NXW-Checkbox
v-model="value"
label="Install NuxtWind"
description="pnpm i @nuxtwind/components"
/>
</template>
Props
color
object
Default
<template>
<NXW-Checkbox
:color="{
label: 'text-black dark:text-gray-300',
description: 'text-gray-500 dark:text-gray-400',
iconInactive: 'text-gray-500 dark:text-gray-400',
iconActive: 'text-primary-800 dark:text-primary-800',
hover: 'hover:text-secondary-700 dark:hover:text-secondary-700',
}"
/>
</template>
description
string
Default
"" (empty string)
disabled
boolean
Default
false
label
string
Default
"" (empty string)
loading
boolean
Default
false
radio
boolean
Default
false
text
object
Default
<template>
<NXW-Checkbox
:text="{ label: 'text-sm font-medium', description: 'text-xs font-normal' }"
/>
</template>