@sjsf/flowbite-icons
v1.0.0
Published
The flowbite based icons set for svelte-jsonschema-form
Downloads
456
Readme
@sjsf/flowbite-icons
The flowbite-svelte-icons based icons set for svelte-jsonschema-form.
Installation
npm install @sjsf/form @sjsf/flowbite-icons
Usage
Setup styles
There is two ways to setup styles:
- 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],
}
- 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 { Form } from '@sjsf/form';
import { icons } from '@sjsf/flowbite-icons';
</script>
<Form {icons} />
License
MIT