@nuxt/ui
Version:
A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.
66 lines (65 loc) • 2.19 kB
TypeScript
import { Separator } from 'reka-ui';
import type { SeparatorProps as _SeparatorProps } from 'reka-ui';
import type { VNode } from 'vue';
import type { AppConfig } from '@nuxt/schema';
import theme from '#build/ui/separator';
import type { AvatarProps } from './Avatar.vue';
import type { IconProps } from './Icon.vue';
import type { ComponentConfig } from '../types/tv';
type Separator = ComponentConfig<typeof theme, AppConfig, 'separator'>;
export interface SeparatorProps extends Pick<_SeparatorProps, 'decorative'> {
/**
* The element or component this component should render as.
* @defaultValue 'div'
*/
as?: any;
/** Display a label on the separator. */
label?: string;
/**
* Display an icon on the separator.
* @IconifyIcon
*/
icon?: IconProps['name'];
/** Display an avatar on the separator. */
avatar?: AvatarProps;
/**
* @defaultValue 'neutral'
*/
color?: Separator['variants']['color'];
/**
* @defaultValue 'xs'
*/
size?: Separator['variants']['size'];
/**
* @defaultValue 'solid'
*/
type?: Separator['variants']['type'];
/**
* The orientation of the separator.
* @defaultValue 'horizontal'
*/
orientation?: Separator['variants']['orientation'];
/**
* The position of the content.
* @defaultValue 'center'
*/
position?: Separator['variants']['position'];
class?: any;
ui?: Separator['slots'];
}
export interface SeparatorSlots {
default?(props: {
ui: Separator['ui'];
}): VNode[];
}
declare const _default: typeof __VLS_export;
export default _default;
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SeparatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
orientation: Separator["variants"]["orientation"];
position: Separator["variants"]["position"];
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, SeparatorSlots>;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};