@rhds/elements
Version:
Red Hat Design System Elements
35 lines (34 loc) • 1.2 kB
TypeScript
import type { IconNameFor, IconSetName } from '@rhds/icons';
import { LitElement } from 'lit';
import '@rhds/elements/rh-icon/rh-icon.js';
import './rh-navigation-primary-item-menu.js';
export declare class RhNavigationPrimaryItem extends LitElement {
#private;
static readonly styles: CSSStyleSheet[];
private _details;
private _summary;
private compact?;
open: boolean;
summary?: string;
variant?: 'link' | 'dropdown';
/**
* Hides the element at various container query based breakpoints.
* Breakpoints available 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'
*/
hideAt?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
/** Shorthand for the `icon` slot, the value is icon name */
icon?: IconNameFor<IconSetName>;
/** Icon set for the `icon` property - 'ui' by default */
iconSet?: IconSetName;
protected firstUpdated(): void;
render(): import("lit-html").TemplateResult<1>;
/** @summary hides the dropdown */
hide(): Promise<void>;
/** @summary shows the dropdown */
show(): Promise<void>;
}
declare global {
interface HTMLElementTagNameMap {
'rh-navigation-primary-item': RhNavigationPrimaryItem;
}
}