@cds/core
Version:
Clarity Design System - common components, themes, and utilties
46 lines (45 loc) • 1.43 kB
TypeScript
import { LitElement, PropertyValues } from 'lit';
import { CdsIcon } from '@cds/core/icon/icon.element.js';
import { FocusableItem, NavigationFocusState } from './interfaces/navigation.interfaces.js';
export declare const CdsNavigationItemTagName = "cds-navigation-item";
/**
* ```typescript
* import '@cds/core/navigation/register.js';
* ```
*
* ```html
* <cds-navigation-item><a href="/home">Home</cds-navigation-item>
* ```
*
* @beta
* @element cds-navigation-item
* @cssprop --color
* @cssprop --font-size
* @cssprop --font-weight
* @cssprop --letter-spacing
* @cssprop --padding
* @slot
*/
export declare class CdsNavigationItem extends LitElement implements FocusableItem {
i18n: {
navigationElement: string;
navigationLabel: string;
navigationAbridgedText: string;
navigationUnabridgedText: string;
};
active: boolean;
disabled: boolean;
expanded: boolean;
protected expandedGroup: boolean;
groupItem: boolean;
hasFocus: NavigationFocusState;
focusElement: HTMLElement;
protected itemIcon: CdsIcon;
itemText: NodeListOf<HTMLSpanElement>;
connectedCallback(): void;
firstUpdated(props: PropertyValues<this>): void;
private handleItemAnchorText;
render(): import("lit-html").TemplateResult<1>;
static get styles(): import("lit").CSSResultGroup[];
protected updated(props: PropertyValues<this>): void;
}