kopia lustrzana https://github.com/shoelace-style/shoelace
30 wiersze
809 B
TypeScript
30 wiersze
809 B
TypeScript
import { html } from 'lit';
|
|
import componentStyles from '../../styles/component.styles.js';
|
|
import ShoelaceElement from '../../internal/shoelace-element.js';
|
|
import styles from './menu-label.styles.js';
|
|
import type { CSSResultGroup } from 'lit';
|
|
|
|
/**
|
|
* @summary Menu labels are used to describe a group of menu items.
|
|
* @documentation https://shoelace.style/components/menu-label
|
|
* @status stable
|
|
* @since 2.0
|
|
*
|
|
* @slot - The menu label's content.
|
|
*
|
|
* @csspart base - The component's base wrapper.
|
|
*/
|
|
export default class SlMenuLabel extends ShoelaceElement {
|
|
static styles: CSSResultGroup = [componentStyles, styles];
|
|
|
|
render() {
|
|
return html` <slot part="base" class="menu-label"></slot> `;
|
|
}
|
|
}
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
'sl-menu-label': SlMenuLabel;
|
|
}
|
|
}
|