@rhds/elements
Version:
Red Hat Design System Elements
46 lines (45 loc) • 1.66 kB
TypeScript
import { LitElement } from 'lit';
import { type ColorPalette } from '../../lib/context/color/provider.js';
import '@patternfly/elements/pf-icon/pf-icon.js';
/**
* A subnavigation allows users to navigate between a small number of page links.
* @summary Organizes content into sections using tabbed pages
* @slot - Navigation links, expects collection of `<a>` elements
*
* @csspart container - container, `<div>` element
* @csspart links - `<slot>` element
*
*/
export declare class RhSubnav extends LitElement {
#private;
static readonly styles: CSSStyleSheet[];
/** Icon name to use for the scroll left button */
protected static readonly scrollIconLeft: string;
/** Icon name to use for the scroll right button */
protected static readonly scrollIconRight: string;
/** Icon set to use for the scroll buttons */
protected static readonly scrollIconSet: string;
private static instances;
/**
* Sets color theme based on parent context
*/
private on?;
/**
* Sets color palette, which affects the element's styles as well as descendants' color theme.
* Overrides parent color context.
* Your theme will influence these colors so check there first if you are seeing inconsistencies.
* See [CSS Custom Properties](#css-custom-properties) for default values
*/
colorPalette?: ColorPalette;
private links;
private linkList;
connectedCallback(): void;
disconnectedCallback(): void;
render(): import("lit").TemplateResult<1>;
firstUpdated(): void;
}
declare global {
interface HTMLElementTagNameMap {
'rh-subnav': RhSubnav;
}
}