formkit-missing-checkbox-reproduction Tailwind Templates

Formkit Missing Checkbox Reproduction

Example of missing check icon within checkbox element in Formkit -- Basic Regenesis theme, tailwind support.

Nuxt x Formkit Broken Checkbox Example

Bare minimum setup to showcase broken checkbox.

THE FIX

You need to ensure the regenesis icons are added.

import { defineFormKitConfig } from '@formkit/vue'
import { rootClasses } from './formkit.theme'
import { genesisIcons } from "@formkit/icons"
export default defineFormKitConfig({
    config: {
        rootClasses,
    },
    icons: genesisIcons
})

How to Use

# pnpm
pnpm install
pnpm dev

Example of Original Issue

Top categories

Loading Svelte Themes