svelte-5-ui-lib
Version:
Svelte 5 UI Lib is a UI library built from scratch to leverage Svelte 5's runes system, creating smooth, reactive components.
22 lines (21 loc) • 924 B
TypeScript
import type { Snippet } from 'svelte';
import type { TransitionFunc } from '../types';
import type { HTMLAttributes } from 'svelte/elements';
type ColorVariants = 'primary' | 'secondary' | 'gray' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';
type TypeVariants = 'default' | 'bottom' | 'cta' | 'signup' | 'info';
type PositionVariants = 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky';
interface BannerProps extends HTMLAttributes<HTMLDivElement> {
children: Snippet;
header?: Snippet;
bannerStatus?: boolean;
position?: PositionVariants;
dismissable?: boolean;
color?: ColorVariants;
bannerType?: TypeVariants;
divClass?: string;
innerClass?: string;
transition?: TransitionFunc;
params?: object;
class?: string;
}
export { type BannerProps };