@synergy-design-system/react
Version:
React wrappers for the Synergy Design System
25 lines (24 loc) • 1.19 kB
TypeScript
import Component from '@synergy-design-system/components/components/optgroup/optgroup.component.js';
/**
* @summary The <syn-optgroup> element creates a grouping for <syn-option>s within a <syn-select>.
* @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-optgroup--docs
* @status stable
* @since 1.3.0
*
* @dependency syn-divider
*
* @slot - The given options. Must be `<syn-option>` elements.
* @slot prefix - A presentational prefix icon or similar element.
* @slot label - The label for the optgroup
* @slot suffix - A presentational suffix icon or similar element.
*
* @csspart base - The component's base wrapper.
* @csspart label-container - The container that wraps prefix, label and base
* @csspart divider - The divider that is displayed above the content
* @csspart prefix - The container that wraps the prefix.
* @csspart suffix - The container that wraps the suffix.
* @csspart options - The container that wraps the <syn-option> elements.
*
* @cssproperty --display-divider - Display property of the divider. Defaults to "block"
*/
export declare const SynOptgroup: import("@lit/react").ReactWebComponent<Component, {}>;