dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
38 lines (37 loc) • 1.59 kB
TypeScript
import { DdsElement } from '../../internal/dds-hu-element';
/**
* `dap-ds-command-group`
* @summary A command group is a group of command items.
* @element dap-ds-command-group
* @title - Command group
* @group command
*
* @slot - The default slot for the command group.
*
* @csspart base - The base part of the command group.
* @csspart label - The label part of the command group.
* @csspart items - The items part of the command group.
*
* @cssproperty --dds-command-group-gap - The gap between command group elements. (default: var(--dds-spacing-100))
* @cssproperty --dds-command-group-margin-bottom - The bottom margin of the command group. (default: var(--dds-spacing-200))
* @cssproperty --dds-command-group-border-radius - The border radius of the command group. (default: var(--dds-radius-small))
* @cssproperty --dds-command-group-label-font-weight - The font weight of the command group label. (default: var(--dds-font-weight-bold))
* @cssproperty --dds-command-group-items-gap - The gap between command items. (default: var(--dds-spacing-100))
*/
export default class DapDSCommandGroup extends DdsElement {
static tagName: string;
static readonly styles: import('lit').CSSResult;
/**
* The label of the command group.
*/
label?: string;
/**
* Whether the command group is exclusive, only one item can be selected at a time.
*/
exclusive: boolean;
private _selectedItem;
connectedCallback(): void;
disconnectedCallback(): void;
private _handleItemClick;
render(): import('lit-html').TemplateResult;
}