@bitrix24/b24ui-nuxt
Version:
Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE
60 lines (59 loc) • 1.98 kB
TypeScript
import { Separator } from 'reka-ui';
import type { SeparatorProps as _SeparatorProps } from 'reka-ui';
import type { AppConfig } from '@nuxt/schema';
import theme from '#build/b24ui/separator';
import type { AvatarProps, IconComponent } from '../types';
import type { ComponentConfig } from '../types/utils';
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 in the middle. */
label?: string;
/**
* Display an icon in the middle
* @IconComponent
*/
icon?: IconComponent;
/**
* Display an avatar in the middle
*/
avatar?: AvatarProps;
/**
* @defaultValue 'default'
*/
accent?: Separator['variants']['accent'];
/**
* @defaultValue 'thin'
*/
size?: Separator['variants']['size'];
/**
* @defaultValue 'solid'
*/
type?: Separator['variants']['type'];
/**
* The orientation of the separator.
* @defaultValue 'horizontal'
*/
orientation?: _SeparatorProps['orientation'];
class?: any;
b24ui?: Separator['slots'];
}
export interface SeparatorSlots {
default(props?: {}): any;
}
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SeparatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
size: Separator["variants"]["size"];
accent: Separator["variants"]["accent"];
type: Separator["variants"]["type"];
orientation: "horizontal" | "vertical";
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, SeparatorSlots>;
export default _default;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};