@dvcol/neo-svelte
Version:
Neomorphic ui library for svelte 5
45 lines (44 loc) • 1.24 kB
TypeScript
import type { BorderRadiusInput } from '../utils/border.utils.js';
import type { HTMLNeoBaseElement } from '../utils/html-element.utils.js';
import type { ShadowElevation, ShadowElevationString } from '../utils/shadow.utils.js';
export type NeoDividerElevation = ShadowElevation | ShadowElevationString;
export type NeoDividerProps = {
/**
* If true, the divider will be displayed vertically.
*/
vertical?: boolean;
/**
* If true, a loading skeleton will be displayed instead of the divider.
*/
skeleton?: boolean;
/**
* Divider elevation.
*
* @default -2
*/
elevation?: NeoDividerElevation;
/**
* Optional flex strategy for the container
*/
flex?: CSSStyleDeclaration['flex'];
/**
* Divider height.
*/
height?: CSSStyleDeclaration['height'];
/**
* Divider width.
*/
width?: CSSStyleDeclaration['width'];
/**
* Divider margin.
*/
margin?: CSSStyleDeclaration['margin'];
/**
* If true, the divider will be displayed with a glass effect.
*/
glass?: boolean;
/**
* If true, the divider will have a rounded borders.
*/
rounded?: BorderRadiusInput;
} & HTMLNeoBaseElement;