@sjsf/flowbite-icons

The flowbite-svelte-icons based icons set for svelte-jsonschema-form.

• Documentation
• Playground

Installation

npm install @sjsf/form @sjsf/flowbite-icons

Usage

Setup styles

There is two ways to setup styles:

1. Use tailwindcss config

import { FLOWBITE_ICONS_CONTENT } from '@sjsf/flowbite-icons/preset'

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,svelte,ts}', FLOWBITE_ICONS_CONTENT],
}

Or with a preset

import iconsPreset from '@sjsf/flowbite-icons/preset'

/** @type {import('tailwindcss').Config} */
export default {
  presets: [iconsPreset],
}

2. Inject prepared styles (not recommended)

// Inject them as you like
import flowbiteIconsStyles from "@sjsf/flowbite-icons/styles.css?inline";

Apply icons

<script lang="ts">
  import { createForm3 } from '@sjsf/form';
  import { icons } from '@sjsf/flowbite-icons';

  const form = createForm3({
    icons
  })
</script>

License

MIT