UNPKG

@nuxt/ui

Version:

A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.

66 lines (65 loc) 2.19 kB
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; }; };