igniteui-webcomponents/components/divider/divider.d.ts

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

import { LitElement } from 'lit';
/**
 * The igc-divider allows the content author to easily create a horizontal/vertical rule as a break between content to better organize information on a page.
 *
 * @element igc-divider
 *
 * @cssproperty --color - Sets the color of the divider.
 * @cssproperty --inset - Shrinks the divider by the given amount from the start. If `middle` is set it will shrink from both sides.
 *
 */
export default class IgcDividerComponent extends LitElement {
    static readonly tagName = "igc-divider";
    static styles: import("lit").CSSResult[];
    private _internals;
    static register(): void;
    private _vertical;
    /**
     * Whether to render a vertical divider line.
     * @attr
     */
    set vertical(value: boolean);
    get vertical(): boolean;
    /**
     * When set and inset is provided, it will shrink the divider line from both sides.
     * @attr
     */
    middle: boolean;
    /**
     * Whether to render a solid or a dashed divider line.
     * @attr
     */
    type: 'solid' | 'dashed';
    constructor();
    protected render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'igc-divider': IgcDividerComponent;
    }
}