@fuxui/base
Version:
ui kit - svelte 5 + tailwind 4 - base components
80 lines (79 loc) • 2.39 kB
TypeScript
import { type VariantProps } from 'tailwind-variants';
export declare const alertVariants: import("tailwind-variants").TVReturnType<{
variant: {
default: string;
secondary: string;
red: string;
orange: string;
amber: string;
yellow: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
blue: string;
indigo: string;
violet: string;
purple: string;
fuchsia: string;
pink: string;
rose: string;
};
}, undefined, "text-xs relative w-full rounded-2xl border p-4 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:size-4 [&>svg~*]:pl-7 ", {
variant: {
default: string;
secondary: string;
red: string;
orange: string;
amber: string;
yellow: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
blue: string;
indigo: string;
violet: string;
purple: string;
fuchsia: string;
pink: string;
rose: string;
};
}, undefined, import("tailwind-variants").TVReturnType<{
variant: {
default: string;
secondary: string;
red: string;
orange: string;
amber: string;
yellow: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
blue: string;
indigo: string;
violet: string;
purple: string;
fuchsia: string;
pink: string;
rose: string;
};
}, undefined, "text-xs relative w-full rounded-2xl border p-4 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:size-4 [&>svg~*]:pl-7 ", unknown, unknown, undefined>>;
export type AlertVariant = VariantProps<typeof alertVariants>['variant'];
import type { HTMLAttributes } from 'svelte/elements';
import type { WithElementRef } from 'bits-ui';
type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
variant?: AlertVariant;
title?: string;
type?: 'info' | 'warning' | 'success' | 'error';
};
declare const Alert: import("svelte").Component<$$ComponentProps, {}, "ref">;
type Alert = ReturnType<typeof Alert>;
export default Alert;