@sjsf/shadcn4-theme
Version:
The shadcn-svelte based theme for svelte-jsonschema-form
31 lines (30 loc) • 1.27 kB
TypeScript
import type { Component } from 'svelte';
import type { HTMLAttributes, HTMLFieldsetAttributes } from 'svelte/elements';
import type { ButtonGroupOrientation } from '../../components/ui/button-group/button-group.svelte';
import type { FieldOrientation } from '../../components/ui/field/field.svelte';
export type ButtonGroupProps = HTMLAttributes<HTMLDivElement> & {
orientation?: ButtonGroupOrientation;
};
export type FieldProps = HTMLAttributes<HTMLDivElement> & {
orientation?: FieldOrientation;
};
declare module '@sjsf/form' {
interface UiOptions {
shadcn4ButtonGroup?: ButtonGroupProps;
shadcn4Field?: FieldProps;
shadcn4FieldSet?: HTMLFieldsetAttributes;
}
}
declare module '../context.js' {
interface ThemeComponents {
ButtonGroup: Component<ButtonGroupProps>;
Field: Component<FieldProps>;
FieldSet: Component<HTMLFieldsetAttributes>;
FieldLegend: Component<HTMLAttributes<HTMLLegendElement>>;
FieldGroup: Component<HTMLAttributes<HTMLDivElement>>;
}
}
import '@sjsf/basic-theme/components/layout.svelte';
declare const Layout: Component<import("@sjsf/form/fields/components").LayoutComponentProps, {}, "">;
type Layout = ReturnType<typeof Layout>;
export default Layout;