dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
38 lines (37 loc) • 2.56 kB
TypeScript
import { DdsElement } from '../../internal/dds-hu-element';
/**
* `dap-ds-content-switcher-item`
* @summary Segmented control item component for the segmented control.
* @element dap-ds-content-switcher-item
* @title - Content switcher item
* @group content-switcher
*
* @slot iconcontent - The icon content of the segmented control item.
*
* @csspart input - The input of the segmented control item.
*
* @cssproperty --dds-content-switcher-item-height - The height of the content switcher item (default: var(--dds-spacing-800, 32px))
* @cssproperty --dds-content-switcher-item-padding - The padding of the content switcher item (default: var(--dds-spacing-200, 8px) var(--dds-spacing-400, 16px))
* @cssproperty --dds-content-switcher-item-font-size - The font size of the content switcher item (default: var(--dds-size-sm, 14px))
* @cssproperty --dds-content-switcher-item-font-weight - The font weight of the content switcher item (default: var(--dds-weight-bold, 700))
* @cssproperty --dds-content-switcher-item-border-radius - The border radius of the content switcher item (default: var(--dds-radius-large, 16px))
* @cssproperty --dds-content-switcher-item-background - The background color of the content switcher item (default: transparent)
* @cssproperty --dds-content-switcher-item-color - The text color of the content switcher item (default: var(--dds-text-neutral-base))
* @cssproperty --dds-content-switcher-item-border-color - The border color of the content switcher item (default: transparent)
* @cssproperty --dds-content-switcher-item-checked-background - The background color of the checked content switcher item (default: var(--dds-button-primary-background-enabled))
* @cssproperty --dds-content-switcher-item-checked-color - The text color of the checked content switcher item (default: var(--dds-text-neutral-on-inverted))
* @cssproperty --dds-content-switcher-item-checked-border-color - The border color of the checked content switcher item (default: var(--dds-border-neutral-transparent-interactive))
*/
export default class DapDSContentSwitcherItem extends DdsElement {
static tagName: string;
/** The value of the segmented control item. */
value: string;
/** The checked state of the segmented control item. */
checked: boolean;
/** The disabled state of the segmented control item. */
disabled: boolean;
/** The name of the segmented control item. */
name: string;
static readonly styles: import('lit').CSSResult;
render(): import('lit-html').TemplateResult;
}