dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
36 lines (35 loc) • 1.95 kB
TypeScript
import { default as Component } from '../../components/form/input-group/input-group.js';
/**
* `dap-ds-input-group`
* @summary An input group is a container for inputs.
* @element dap-ds-input-group
* @title - Input group
* @group form
*
* @property {string} label - The label of the input group.
* @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
* @property {string} description - The description of the input group.
* @property {string} tooltip - The tooltip of the input group.
* @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input group.
* @property {string} tooltipAriaLabel - The aria label of the tooltip.
* @property {string} optionalLabel - The label of the input group when it is optional.
* @property {string} requiredLabel - The indicator of the input group when it is required. (default: '*')
* @property {boolean} disabled - Whether the input group is disabled.
* @property {'xs' | 'sm' | 'lg'} size - The size of the input group. Default is `sm`.
* @property {boolean} required - Whether the input group is required.
* @property {boolean} optional - Whether the input group is optional.
* @property {string} feedback - The feedback of the input.
* @property {string} feedbackType - The type of the feedback.
* @property {boolean} subtle - Whether the input group label is subtle.
*
* @slot - The content of the input group items.
* @slot feedback-icon - The custom icon of the feedback.
*
* @csspart base - The main input group container.
* @csspart label - The label of the input group.
* @csspart description - The description of the input group.
* @csspart tooltip - The tooltip of the input group.
* @csspart container - The container of the input group items.
*/
declare const reactWrapper: import('@lit/react').ReactWebComponent<Component, {}>;
export default reactWrapper;