dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
31 lines (30 loc) • 1.64 kB
TypeScript
import { EventName } from '@lit/react';
import { default as Component } from '../../components/command/command-item.js';
import { DdsCommandItemClickEvent } from '../../events/events';
export type { DdsCommandItemClickEvent } from '../../events/events';
/**
* `dap-ds-command-item`
* @summary A command item is a command item that can be selected.
* @element dap-ds-command-item
* @title - Command item
* @group command
*
* @event {{ value: string, closeOnSelect: boolean }} dds-command-item-click - Fired when the command item is clicked.
*
* @slot - The label of the command item.
* @slot check - The check of the command item.
*
* @csspart base - The base part of the command item.
* @csspart content - The content part of the command item.
* @csspart label - The label part of the command item.
*
* @cssproperty --dds-command-item-padding - The padding of the command item (default: var(--dds-spacing-100) var(--dds-spacing-200))
* @cssproperty --dds-command-item-background - The background color of the command item (default: none)
* @cssproperty --dds-command-item-color - The text color of the command item (default: var(--dds-text-primary-base))
* @cssproperty --dds-command-item-hover-background - The background color of the command item on hover (default: var(--dds-transparent-black-subtle))
* @cssproperty --dds-command-item-selected-background - The background color of the selected command item (default: var(--dds-transparent-black-subtle))
*/
declare const reactWrapper: import('@lit/react').ReactWebComponent<Component, {
onDdsCommandItemClick: EventName<DdsCommandItemClickEvent>;
}>;
export default reactWrapper;