@sjsf/shadcn4-theme v2.0.1

@sjsf/shadcn4-theme

The shadcn-svelte based theme for svelte-jsonschema-form.

• Documentation
• Playground

Installation

npm install @sjsf/form @sjsf/shadcn4-theme

Usage

1. Install shadcn-svelte

   Installation - shadcn-svelte

2. Configuration

   Register the theme source path by adding the following line to the app.css file:.

   @source "../node_modules/@sjsf/shadcn4-theme/dist";

3. Apply theme

   <script lang="ts">
     import { createForm } from '@sjsf/form';
     import { theme, setThemeContext } from '@sjsf/shadcn4-theme';
     import * as components from '@sjsf/shadcn4-theme/new-york'
   
     const form = createForm({
       theme,
       ...
     })
   
     setThemeContext({ components })
   </script>

License

MIT