dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
29 lines (28 loc) • 1.28 kB
TypeScript
import { Spacing } from '../../common/types';
import { DdsElement } from '../../internal/dds-hu-element';
/**
* `dap-ds-divider`
* @summary A divider is a visual separator between elements.
* @element dap-ds-divider
* @title - Divider
*
* @cssproperty --dds-divider-border-width - The width of the divider border. (default: var(--dds-border-width-base))
* @cssproperty --dds-divider-border-style - The style of the divider border. (default: solid)
* @cssproperty --dds-divider-border-color - The color of the divider border. (default: var(--dds-border-neutral-divider))
* @cssproperty --dds-divider-border-color-inverted - The color of the divider border when inverted. (default: var(--dds-border-neutral-divider-inverted))
*/
export default class DapDSDivider extends DdsElement {
static tagName: string;
/** Whether the divider is vertical */
vertical: boolean;
/** The spacing of the divider
* @type { 0 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 1000 | 1200 | 1400 | 1600 | 1800 | 2000 | 2400 | 3000 | 4000 | 5000 | 6000 }
*/
spacing: Spacing;
/** The variant of the divider
* @type {'normal' | 'inverted'}
*/
variant: string;
static readonly styles: import('lit').CSSResult;
connectedCallback(): void;
}