dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
41 lines (40 loc) • 1.9 kB
TypeScript
import { DdsElement } from '../../internal/dds-hu-element';
/**
* `dap-ds-breadcrumb`
* @summary A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
* @element dap-ds-breadcrumb
* @title - Breadcrumb
*
* @slot - The content of the breadcrumb.
* @slot separator - The separator between breadcrumb items. Default is '/'.
*
* @csspart base - The main breadcrumb container.
* @csspart separator - The separator of the breadcrumb.
*
* @cssproperty --dds-breadcrumb-width - The width of the breadcrumb container (default: 100%)
* @cssproperty --dds-breadcrumb-overflow-x - The horizontal overflow behavior of the breadcrumb (default: auto)
* @cssproperty --dds-breadcrumb-transition - The transition property for the breadcrumb (default: all 0.2s ease-in-out)
* @cssproperty --dds-breadcrumb-list-display - The display property of the breadcrumb list (default: flex)
* @cssproperty --dds-breadcrumb-list-flex-wrap - The flex-wrap property of the breadcrumb list (default: nowrap)
* @cssproperty --dds-breadcrumb-list-align-items - The align-items property of the breadcrumb list (default: center)
* @cssproperty --dds-breadcrumb-list-min-width - The minimum width of the breadcrumb list (default: max-content)
*/
export default class DapDSBreadcrumb extends DdsElement {
static tagName: string;
static readonly styles: import('lit').CSSResult;
/** @ignore */
defaultSlot: HTMLSlotElement;
/** @ignore */
separatorSlot: HTMLSlotElement;
variant: string;
/** Mobile version of the breadcrumb */
mobile: boolean;
/** The aria-labelledby of the breadcrumb */
ariaLabelledBy?: string;
private _cachedItems;
private _debounceTimeout?;
private cloneSeparator;
private handleSlotChange;
private _updateBreadcrumbItems;
render(): import('lit-html').TemplateResult<1>;
}