igniteui-webcomponents/igniteui-webcomponents.html-data.json

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

{
      "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
      "version": 1.1,
      "tags": [{"name":"igc-button","description":"Represents a clickable button, used to submit forms or anywhere in a\ndocument for accessible, standard button functionality.\n\nThe button supports multiple visual variants, can render as an anchor\n(`<a>`) element when the `href` attribute is set, and is fully\nform-associated, acting as a native `submit` or `reset` control.\n---\n\n\n### **Events:**\n \n\n### **Slots:**\n - _default_ - Renders the label of the button.\n- **prefix** - Renders content before the label of the button.\n- **suffix** - Renders content after the label of the button.\n\n### **CSS Parts:**\n - **base** - The native button element of the igc-button component.\n- **prefix** - The prefix container of the igc-button component.\n- **suffix** - The suffix container of the igc-button component.","attributes":[{"name":"variant","description":"The variant of the button which determines its visual appearance.\n- `contained` – filled background; highest visual emphasis (default).\n- `outlined` – transparent background with a visible border.\n- `flat` – no background or border; lowest visual emphasis.\n- `fab` – floating action button shape; typically used for primary actions.","values":[{"name":"ButtonVariant"}]},{"name":"type","description":"The type of the button, which determines its behavior and semantics.\n- `'button'` – no default action; useful for custom JavaScript handlers.\n- `'submit'` – submits the associated form when clicked.\n- `'reset'` – resets the associated form fields to their initial values.\n\nIgnored when the button is rendered as a link (i.e. `href` is set).","values":[{"name":"button"},{"name":"reset"},{"name":"submit"}]},{"name":"href","description":"The URL the button points to. When set, the component renders as an\n`<a>` element instead of a `<button>`, enabling navigation on click.\nUse together with `target`, `download`, and `rel` for full anchor semantics.","values":[]},{"name":"download","description":"Prompts the browser to download the linked resource rather than navigating\nto it. The optional value is used as the suggested file name.\nOnly effective when `href` is set.","values":[]},{"name":"target","description":"Where to open the linked document. Only effective when `href` is set.\n- `'_self'` – current browsing context (default browser behavior).\n- `'_blank'` – new tab or window.\n- `'_parent'` – parent browsing context; falls back to `_self` if none.\n- `'_top'` – top-level browsing context; falls back to `_self` if none.","values":[{"name":"_blank"},{"name":"_parent"},{"name":"_self"},{"name":"_top"}]},{"name":"rel","description":"The relationship between the current document and the linked URL.\nAccepts a space-separated list of link types (e.g. `'noopener noreferrer'`).\nOnly effective when `href` is set. When `target=\"_blank\"` is used,\nsetting `rel=\"noopener noreferrer\"` is strongly recommended for security.","values":[]},{"name":"disabled","description":"When set, the button will be disabled and non-interactive.","values":[]},{"name":"command","description":"The command to invoke on the target element specified by `commandfor`.\nPart of the [Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) API.\nCustom commands must start with two dashes (e.g. `'--my-command'`).","values":[]},{"name":"commandfor","description":"The ID of the target element for the invoker command.\nPart of the [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API).","values":[]}],"references":[]},{"name":"igc-icon","description":"The icon component allows visualizing collections of pre-registered SVG icons.\n---\n","attributes":[{"name":"name","description":"The name of the icon glyph to draw.","values":[]},{"name":"collection","description":"The name of the registered collection for look up of icons.","values":[]},{"name":"mirrored","description":"Whether to flip the icon horizontally. Useful for RTL (right-to-left) layouts.","values":[]}],"references":[]},{"name":"igc-validator","description":"\n---\n\n\n### **CSS Parts:**\n - **helper-text** - The base wrapper\n- **validation-message** - The validation error message container\n- **validation-icon** - The validation error icon","attributes":[{"name":"invalid","description":"Whether the container is in an invalid state.\n\nThis is reflected from the target's `invalid` property,\nand is used to determine whether to render the validation message slots.","values":[]}],"references":[]},{"name":"igc-file-input","description":"\n---\n\n\n### **Events:**\n - **igcChange** - Emitted when the control's checked state changes.\n- **igcCancel** - Emitted when the control's file picker dialog is canceled.\n\n### **Slots:**\n - **prefix** - Renders content before the input.\n- **suffix** - Renders content after input.\n- **helper-text** - Renders content below the input.\n- **file-selector-text** - Renders content for the browse button when input type is file.\n- **file-missing-text** - Renders content when input type is file and no file is chosen.\n- **value-missing** - Renders content when the required validation fails.\n- **custom-error** - Renders content when setCustomValidity(message) is set.\n- **invalid** - Renders content when the component is in invalid state (validity.valid = false).\n\n### **CSS Parts:**\n - **container** - The main wrapper that holds all main input elements.\n- **input** - The native input element.\n- **label** - The native label element.\n- **file-names** - The file names wrapper when input type is 'file'.\n- **file-selector-button** - The browse button when input type is 'file'.\n- **prefix** - The prefix wrapper.\n- **suffix** - The suffix wrapper.\n- **helper-text** - The helper text wrapper.","attributes":[{"name":"value","description":"The value of the control.\nSimilar to native file input, this property is read-only and cannot be set programmatically.","values":[]},{"name":"locale","description":"Gets/Sets the locale used for getting language, affecting resource strings.","values":[]},{"name":"multiple","description":"The multiple attribute of the control.\nUsed to indicate that a file input allows the user to select more than one file.","values":[]},{"name":"accept","description":"The accept attribute of the control.\nDefines the file types as a list of comma-separated values that the file input should accept.","values":[]},{"name":"autofocus","description":"The autofocus attribute of the control.","values":[]},{"name":"required","description":"When set, makes the component a required field for validation.","values":[]},{"name":"name","description":"The name attribute of the control.","values":[]},{"name":"disabled","description":"The disabled state of the component.","values":[]},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","values":[]},{"name":"outlined","description":"Whether the control will have outlined appearance.","values":[]},{"name":"placeholder","description":"The placeholder attribute of the control.","values":[]},{"name":"label","description":"The label for the control.","values":[]}],"references":[]},{"name":"igc-avatar","description":"An avatar component is used as a representation of a user identity\ntypically in a user profile.\n---\n\n\n### **Slots:**\n - _default_ - Renders an icon inside the default slot.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the avatar.\n- **initials** - The initials wrapper of the avatar.\n- **image** - The image wrapper of the avatar.\n- **icon** - The icon wrapper of the avatar.","attributes":[{"name":"src","description":"The image source to use.","values":[]},{"name":"alt","description":"Alternative text for the image.","values":[]},{"name":"initials","description":"Initials to use as a fallback when no image is available.","values":[]},{"name":"shape","description":"The shape of the avatar.","values":[{"name":"AvatarShape"}]}],"references":[]},{"name":"igc-expansion-panel","description":"The Expansion Panel Component provides a way to display information in a toggleable way -\ncompact summary view containing title and description and expanded detail view containing\nadditional content to the summary header.\n---\n\n\n### **Events:**\n - **igcOpening** - Emitted before opening the expansion panel.\n- **igcOpened** - Emitted after the expansion panel is opened.\n- **igcClosing** - Emitted before closing the expansion panel.\n- **igcClosed** - Emitted after the expansion panel is closed.\n\n### **Slots:**\n - _default_ - renders the default content of the panel\n- **title** - renders the title of the panel's header\n- **subtitle** - renders the subtitle of the panel's header\n- **indicator** - renders the expand/collapsed indicator\n- **indicator-expanded** - renders the expanded state of the indicator\n\n### **CSS Parts:**\n - **header** - The container of the expansion indicator, title and subtitle.\n- **title** -  The title container.\n- **subtitle** - The subtitle container.\n- **indicator** - The indicator container.\n- **content** - The expansion panel's content wrapper.","attributes":[{"name":"open","description":"Indicates whether the contents of the control should be visible.","values":[]},{"name":"disabled","description":"Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.","values":[]},{"name":"indicator-position","description":"The indicator position of the expansion panel.","values":[{"name":"ExpansionPanelIndicatorPosition"}]}],"references":[]},{"name":"igc-accordion","description":"The Accordion is a container-based component that can house multiple expansion panels\nand offers keyboard navigation.\n---\n\n\n### **Slots:**\n - _default_ - Renders the expansion panels inside default slot.","attributes":[{"name":"single-expand","description":"Allows only one panel to be expanded at a time.","values":[]}],"references":[]},{"name":"igc-badge","description":"The badge is a component indicating a status on a related item or an area\nwhere some active indication is required.\n---\n\n\n### **Slots:**\n - _default_ - Default slot for the badge content.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the badge.\n- **icon** - The icon container, present when an igc-icon element is slotted.","attributes":[{"name":"variant","description":"The type (style variant) of the badge.","values":[{"name":"StyleVariant"}]},{"name":"outlined","description":"Sets whether to draw an outlined version of the badge.","values":[]},{"name":"shape","description":"The shape of the badge.","values":[{"name":"BadgeShape"}]},{"name":"dot","description":"Sets whether to render a dot type badge.\nWhen enabled, the badge appears as a small dot without any content.","values":[]}],"references":[]},{"name":"igc-banner","description":"A non-modal notification banner that displays important, concise messages\nrequiring user acknowledgement.\n\nThe banner slides into view with an animated grow transition and renders\ninline, pushing the surrounding page content rather than overlaying it.\n\nThe component integrates with the\n[Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):\nan Ignite button or a native `<button>` with `command=\"--show\"` / `\"--hide\"` /\n`\"--toggle\"` and `commandfor` pointing to this element will call the\ncorresponding method declaratively without any JavaScript.\n---\n\n\n### **Events:**\n - **igcClosing** - Emitted just before the banner closes in response to the default action button being clicked. Cancelable — call `event.preventDefault()` to abort the closing sequence.\n- **igcClosed** - Emitted after the banner has fully closed and its exit animation has completed.\n\n### **Slots:**\n - _default_ - The banner message text content.\n- **prefix** - An icon or illustration rendered to the left of the message. Useful for reinforcing the message type (info, warning, success, etc.).\n- **actions** - Custom action elements rendered in the banner's action area. When provided, replaces the default \"OK\" dismiss button.\n\n### **CSS Parts:**\n - **base** - The root wrapper element of the banner.\n- **spacer** - The inner wrapper that controls the spacing around the banner content.\n- **message** - The container that holds the illustration and text content.\n- **illustration** - The container for the prefix slot (icon/illustration).\n- **content** - The container for the default message slot.\n- **actions** - The container for the action buttons slot.","attributes":[{"name":"open","description":"Whether the banner is open.\n\nSetting this property programmatically will immediately show or hide the\nbanner without animation and without emitting close events.\nPrefer the `show()`, `hide()`, and `toggle()` methods for animated\ntransitions.","values":[]}],"references":[]},{"name":"igc-toggle-button","description":"The `igc-toggle-button` wraps a native button element and exposes additional `value` and `selected` properties.\nIt is used in the context of an `igc-button-group` to facilitate the creation of group/toolbar like UX behaviors.\n---\n\n\n### **Slots:**\n - **Renders** - the label/content of the button.\n\n### **CSS Parts:**\n - **toggle** - The native button element.","attributes":[{"name":"value","description":"The value attribute of the control.","values":[]},{"name":"selected","description":"Determines whether the button is selected.","values":[]},{"name":"disabled","description":"Determines whether the button is disabled.","values":[]}],"references":[]},{"name":"igc-button-group","description":"The `igc-button-group` groups a series of `igc-toggle-button`s together, exposing features such as layout and selection.\n---\n\n\n### **Events:**\n - **igcSelect** - Emitted when a button is selected through user interaction.\n- **igcDeselect** - Emitted when a button is deselected through user interaction.\n\n### **Slots:**\n - _default_ - Renders `igc-toggle-button` component.\n\n### **CSS Parts:**\n - **group** - The button group container.","attributes":[{"name":"disabled","description":"Disables all buttons inside the group.","values":[]},{"name":"alignment","description":"Sets the orientation of the buttons in the group.","values":[{"name":"ContentOrientation"}]},{"name":"selection","description":"Controls the mode of selection for the button group.","values":[{"name":"ButtonGroupSelection"}]},{"name":"selectedItems","description":"Gets/Sets the currently selected buttons (their values).","values":[{"name":"string[]"}]}],"references":[]},{"name":"igc-days-view","description":"Instantiate a days view as a separate component in the calendar.\n---\n\n\n### **Events:**\n - **igcActiveDateChange** - Emitted when the active date changes.\n- **igcRangePreviewDateChange** - Emitted when the range preview date changes.\n\n### **CSS Parts:**\n - **days-row** - The days row container.\n- **label** - The label container.\n- **label-inner** - The inner label container.\n- **week-number** - The week number container.\n- **week-number-inner** - The inner week number container.","attributes":[{"name":"hide-leading-days","description":"Whether to show leading days which do not belong to the current month.","values":[]},{"name":"hide-trailing-days","description":"Whether to show trailing days which do not belong to the current month.","values":[]},{"name":"week-day-format","description":"The format of the days. Defaults to narrow.","values":[{"name":"long"},{"name":"short"},{"name":"narrow"}]},{"name":"active","description":"The active state of the component.","values":[]},{"name":"value","description":"The current value of the calendar.\nUsed when selection is set to single","values":[{"name":"Date"}]},{"name":"values","description":"The current values of the calendar.\nUsed when selection is set to multiple of range.","values":[{"name":"Date[]"}]},{"name":"selection","description":"Sets the type of selection in the component.","values":[{"name":"CalendarSelection"}]},{"name":"show-week-numbers","description":"Whether to show the week numbers.","values":[]},{"name":"week-start","description":"Gets/Sets the first day of the week.","values":[{"name":"WeekDays"}]},{"name":"locale","description":"Gets/Sets the locale used for formatting and displaying the dates in the component.","values":[]},{"name":"active-date","description":"Get/Set the date which is shown in view and is highlighted. By default it is the current date.","values":[{"name":"Date"}]}],"references":[]},{"name":"igc-months-view","description":"Instantiate a months view as a separate component in the calendar.\n---\n\n\n### **Events:**\n \n\n### **CSS Parts:**\n - **months-row** - The months row container.\n- **month** - The month container.\n- **month-inner** - The inner month container.","attributes":[{"name":"locale","description":"Sets the locale used for formatting and displaying the dates.","values":[]},{"name":"month-format","description":"The format of the month. Defaults to long.","values":[{"name":"numeric"},{"name":"2-digit"},{"name":"long"},{"name":"short"},{"name":"narrow"}]}],"references":[]},{"name":"igc-years-view","description":"Instantiate a years view as a separate component in the calendar.\n---\n\n\n### **Events:**\n \n\n### **CSS Parts:**\n - **years-row** - The years row container.\n- **year** - The year container.\n- **year-inner** - The inner year container.","attributes":[{"name":"years-per-page","description":"Sets how many years are displayed on a single page.","values":[]}],"references":[]},{"name":"igc-calendar","description":"Represents a calendar that lets users\nto select a date value in a variety of different ways.\n---\n\n\n### **Events:**\n - **igcChange** - Emitted when calendar changes its value.\n\n### **Slots:**\n - _default_ - The default slot for the calendar.\n- **title** - Renders the title of the calendar header.\n- **header-date** - Renders content instead of the current date/range in the calendar header.\n\n### **CSS Parts:**\n - **header** - The header element of the calendar.\n- **header-title** - The header title element of the calendar.\n- **header-date** - The header date element of the calendar.\n- **content** - The content element which contains the views and navigation elements of the calendar.\n- **content-vertical** - The content element which contains the views and navigation elements of the calendar in vertical orientation.\n- **navigation** - The navigation container element of the calendar.\n- **months-navigation** - The months navigation button element of the calendar.\n- **years-navigation** - The years navigation button element of the calendar.\n- **years-range** - The years range element of the calendar.\n- **navigation-buttons** - The navigation buttons container of the calendar.\n- **navigation-button** - Previous/next navigation button of the calendar.\n- **days-view-container** - The days view container element of the calendar.\n- **days-view** - Days view element of the calendar.\n- **months-view** - The months view element of the calendar.\n- **years-view** - The years view element of the calendar.\n- **days-row** - Days row element of the calendar.\n- **label** - Week header label element of the calendar.\n- **week-number** - Week number element of the calendar.\n- **week-number-inner** - Week number inner element of the calendar.\n- **date** - Date element of the calendar.\n- **date-inner** - Date inner element of the calendar.\n- **first** - The first selected date element of the calendar in range selection.\n- **last** - The last selected date element of the calendar in range selection.\n- **inactive** - Inactive date element of the calendar.\n- **hidden** - Hidden date element of the calendar.\n- **weekend** - Weekend date element of the calendar.\n- **range** - Range selected element of the calendar.\n- **special** - Special date element of the calendar.\n- **disabled** - Disabled date element of the calendar.\n- **single** - Single selected date element of the calendar.\n- **preview** - Range selection preview date element of the calendar.\n- **month** - Month element of the calendar.\n- **month-inner** - Month inner element of the calendar.\n- **year** - Year element of the calendar.\n- **year-inner** - Year inner element of the calendar.\n- **selected** - Indicates selected state. Applies to date, month and year elements of the calendar.\n- **current** - Indicates current state. Applies to date, month and year elements of the calendar.","attributes":[{"name":"hide-outside-days","description":"Whether to show the dates that do not belong to the current active month.","values":[]},{"name":"hide-header","description":"Whether to render the calendar header part.\nWhen the calendar selection is set to `multiple` the header is always hidden.","values":[]},{"name":"header-orientation","description":"The orientation of the calendar header.","values":[{"name":"CalendarHeaderOrientation"}]},{"name":"orientation","description":"The orientation of the calendar months when more than one month\nis being shown.","values":[{"name":"ContentOrientation"}]},{"name":"visible-months","description":"The number of months displayed in the days view.","values":[]},{"name":"active-view","description":"The current active view of the component.","values":[{"name":"CalendarActiveView"}]},{"name":"value","description":"The current value of the calendar.\nUsed when selection is set to single","values":[{"name":"Date"}]},{"name":"values","description":"The current values of the calendar.\nUsed when selection is set to multiple of range.","values":[{"name":"Date[]"}]},{"name":"selection","description":"Sets the type of selection in the component.","values":[{"name":"CalendarSelection"}]},{"name":"show-week-numbers","description":"Whether to show the week numbers.","values":[]},{"name":"week-start","description":"Gets/Sets the first day of the week.","values":[{"name":"WeekDays"}]},{"name":"locale","description":"Gets/Sets the locale used for formatting and displaying the dates in the component.","values":[]},{"name":"active-date","description":"Get/Set the date which is shown in view and is highlighted. By default it is the current date.","values":[{"name":"Date"}]}],"references":[]},{"name":"igc-card-actions","description":"A container component for card action items such as buttons or icon buttons.\nActions can be positioned at the start, center, or end of the container.\n---\n\n\n### **Slots:**\n - **start** - Renders items at the beginning of the actions area.\n- _default_ - Renders items in the center of the actions area.\n- **end** - Renders items at the end of the actions area.","attributes":[{"name":"orientation","description":"The orientation of the actions layout.","values":[{"name":"ContentOrientation"}]}],"references":[]},{"name":"igc-card-content","description":"A container component for the card's main text content.\nThis component should be used within an igc-card element to display the primary content.\n---\n\n\n### **Slots:**\n - _default_ - Renders the card text content (e.g., paragraphs, lists).","attributes":[],"references":[]},{"name":"igc-card-header","description":"A container component for the card's header section.\nDisplays header content including an optional thumbnail, title, subtitle, and additional content.\n---\n\n\n### **Slots:**\n - **thumbnail** - Renders header media such as an icon or small image.\n- **title** - Renders the card title (typically a heading element).\n- **subtitle** - Renders the card subtitle (typically a smaller heading or text).\n- _default_ - Renders additional content displayed next to the title area.\n\n### **CSS Parts:**\n - **header** - The card header text container.\n- **title** - The title slot wrapper.\n- **subtitle** - The subtitle slot wrapper.","attributes":[],"references":[]},{"name":"igc-card-media","description":"A container component for card media content such as images, GIFs, or videos.\nThis component should be used within an igc-card element to display visual content.\n---\n\n\n### **Slots:**\n - _default_ - Renders the card media content (e.g., img, video elements).","attributes":[],"references":[]},{"name":"igc-card","description":"A container component that wraps different elements related to a single subject.\nThe card component provides a flexible container for organizing content such as headers,\nmedia, text content, and actions.\n---\n\n\n### **Slots:**\n - _default_ - Renders the card content. Typically contains igc-card-header, igc-card-media, igc-card-content, and igc-card-actions.","attributes":[{"name":"elevated","description":"Sets the card to have an elevated appearance with shadow.\nWhen false, the card uses an outlined style with a border.","values":[]}],"references":[]},{"name":"igc-toast","description":"A toast component is used to show a brief, non-interactive notification.\n\nThe component integrates with the\n[Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):\nan Ignite button or a native `<button>` with `command=\"--show\"` / `\"--hide\"` /\n`\"--toggle\"` and `commandfor` pointing to this element will call the\ncorresponding method declaratively without any JavaScript.\n---\n\n\n### **Slots:**\n - _default_ - Default slot for the toast content.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the toast.","attributes":[{"name":"open","description":"Whether the component is in shown state.","values":[]},{"name":"display-time","description":"Determines the duration in milliseconds in which the component will be visible.","values":[]},{"name":"keep-open","description":"Determines whether the component should close after the `displayTime` is over.","values":[]},{"name":"position","description":"Sets the position of the component in the viewport.\n\n`bottom` - positions the component at the bottom. This is the default.\n`middle` - positions the component at the center.\n`top` - positions the component at the top.","values":[{"name":"AbsolutePosition"}]},{"name":"positioning","description":"Sets the positioning strategy of the component.\n\n`viewport` - positions the component relative to the viewport, ignoring any ancestor elements. This is the default behavior.\n`container` - positions the component relative to the nearest visible ancestor. In this mode, the component will be constrained within the bounding box of the ancestor and will be positioned according to the `position` attribute.","values":[{"name":"NotificationPositioning"}]}],"references":[]},{"name":"igc-popover","description":"\n---\n\n\n### **Slots:**\n - _default_ - Content of the popover.\n- **anchor** - The element the popover will be anchored to.\n\n### **CSS Parts:**\n - **container** - The container wrapping the slotted content in the popover.","attributes":[{"name":"anchor","description":"Pass an IDREF or an DOM element reference to use as the\nanchor target for the floating element.","values":[{"name":"Element"}]},{"name":"arrow-offset","description":"Additional offset to apply to the arrow element if enabled.","values":[]},{"name":"inline","description":"Improves positioning for inline reference elements that span over multiple lines.\nUseful for tooltips or similar components.","values":[]},{"name":"flip","description":"When enabled this changes the placement of the floating element in order to keep it\nin view along the main axis.","values":[]},{"name":"offset","description":"Placement modifier which translates the floating element along the main axis.","values":[]},{"name":"open","description":"The visibility state of the popover component.","values":[]},{"name":"placement","description":"Where to place the floating element relative to the parent anchor element.","values":[{"name":"PopoverPlacement"}]},{"name":"same-width","description":"When enabled the floating element will match the width of its parent anchor element.","values":[]},{"name":"shift","description":"When enabled this tries to shift the floating element along the main axis\nkeeping it in view, preventing overflow while maintaining the desired placement.","values":[]},{"name":"shift-padding","description":"Virtual padding for the resolved overflow detection offsets in pixels.","values":[]}],"references":[]},{"name":"igc-tooltip","description":"Provides a way to display supplementary information related to an element when a user interacts with it (e.g., hover, focus).\nIt offers features such as placement customization, delays, sticky mode, and animations.\n---\n\n\n### **Events:**\n - **igcOpening** - Emitted before the tooltip begins to open. Can be canceled to prevent opening.\n- **igcOpened** - Emitted after the tooltip has successfully opened and is visible.\n- **igcClosing** - Emitted before the tooltip begins to close. Can be canceled to prevent closing.\n- **igcClosed** - Emitted after the tooltip has been fully removed from view.\n\n### **Slots:**\n - _default_ - Default slot of the tooltip component.\n- **close-button** - Slot for custom sticky-mode close action (e.g., an icon/button).\n\n### **CSS Parts:**\n - **base** - The wrapping container of the tooltip content.\n- **simple-text** - The container where the message property of the tooltip is rendered.","attributes":[{"name":"open","description":"Whether the tooltip is showing.","values":[]},{"name":"with-arrow","description":"Whether to render an arrow indicator for the tooltip.","values":[]},{"name":"offset","description":"The offset of the tooltip from the anchor in pixels.","values":[]},{"name":"placement","description":"Where to place the floating element relative to the parent anchor element.","values":[{"name":"PopoverPlacement"}]},{"name":"anchor","description":"An element instance or an IDREF to use as the anchor for the tooltip.","values":[{"name":"Element"}]},{"name":"show-triggers","description":"Which event triggers will show the tooltip.\nExpects a comma separate string of different event triggers.","values":[]},{"name":"hide-triggers","description":"Which event triggers will hide the tooltip.\nExpects a comma separate string of different event triggers.","values":[]},{"name":"show-delay","description":"Specifies the number of milliseconds that should pass before showing the tooltip.","values":[]},{"name":"hide-delay","description":"Specifies the number of milliseconds that should pass before hiding the tooltip.","values":[]},{"name":"message","description":"Specifies a plain text as tooltip content.","values":[]},{"name":"sticky","description":"Specifies if the tooltip remains visible until the user closes it via the close button or Esc key.","values":[]}],"references":[]},{"name":"igc-list-header","description":"Header list item.\n---\n\n\n### **Slots:**\n - _default_ - Renders header list item's content.","attributes":[],"references":[]},{"name":"igc-list-item","description":"The list-item component is a container\nintended for row items in the list component.\n---\n\n\n### **Slots:**\n - _default_ - Renders custom content.\n- **start** - Renders content before all other content.\n- **end** - Renders content after all other content.\n- **title** - Renders the title.\n- **subtitle** - Renders the subtitle.\n\n### **CSS Parts:**\n - **start** - The start container.\n- **end** - The end container.\n- **content** - The header and custom content container.\n- **header** - The title and subtitle container.\n- **title** - The title container.\n- **subtitle** - The subtitle container.","attributes":[{"name":"selected","description":"Defines if the list item is selected or not.","values":[]}],"references":[]},{"name":"igc-list","description":"Displays a collection of data items in a templatable list format.\n---\n\n\n### **Slots:**\n - _default_ - Renders the list items and list headers inside default slot.","attributes":[],"references":[]},{"name":"igc-icon-button","description":"A button that displays a single icon, designed for compact, icon-only\ninteractions such as toolbar actions, floating action buttons, or inline\ncontrols.\n\nThe icon is sourced from the icon registry via the `name` and `collection`\nattributes. Like the normal button, it can render as an anchor element when\n`href` is set and is fully form-associated.\n---\n\n\n### **Events:**\n \n\n### **Slots:**\n - _default_ - Optional label rendered alongside the icon, useful for accessibility or augmented layouts.\n\n### **CSS Parts:**\n - **base** - The wrapping element of the icon button.\n- **icon** - The icon element of the icon button.","attributes":[{"name":"name","description":"The name of the icon to display.","values":[]},{"name":"collection","description":"The collection the icon belongs to.","values":[]},{"name":"mirrored","description":"Determines whether the icon should be mirrored in right-to-left contexts.","values":[]},{"name":"variant","description":"The variant of the button which determines its visual appearance.\n- `contained` – filled background; highest visual emphasis (default).\n- `outlined` – transparent background with a visible border.\n- `flat` – no background or border; lowest visual emphasis.","values":[{"name":"IconButtonVariant"}]},{"name":"type","description":"The type of the button, which determines its behavior and semantics.\n- `'button'` – no default action; useful for custom JavaScript handlers.\n- `'submit'` – submits the associated form when clicked.\n- `'reset'` – resets the associated form fields to their initial values.\n\nIgnored when the button is rendered as a link (i.e. `href` is set).","values":[{"name":"button"},{"name":"reset"},{"name":"submit"}]},{"name":"href","description":"The URL the button points to. When set, the component renders as an\n`<a>` element instead of a `<button>`, enabling navigation on click.\nUse together with `target`, `download`, and `rel` for full anchor semantics.","values":[]},{"name":"download","description":"Prompts the browser to download the linked resource rather than navigating\nto it. The optional value is used as the suggested file name.\nOnly effective when `href` is set.","values":[]},{"name":"target","description":"Where to open the linked document. Only effective when `href` is set.\n- `'_self'` – current browsing context (default browser behavior).\n- `'_blank'` – new tab or window.\n- `'_parent'` – parent browsing context; falls back to `_self` if none.\n- `'_top'` – top-level browsing context; falls back to `_self` if none.","values":[{"name":"_blank"},{"name":"_parent"},{"name":"_self"},{"name":"_top"}]},{"name":"rel","description":"The relationship between the current document and the linked URL.\nAccepts a space-separated list of link types (e.g. `'noopener noreferrer'`).\nOnly effective when `href` is set. When `target=\"_blank\"` is used,\nsetting `rel=\"noopener noreferrer\"` is strongly recommended for security.","values":[]},{"name":"disabled","description":"When set, the button will be disabled and non-interactive.","values":[]},{"name":"command","description":"The command to invoke on the target element specified by `commandfor`.\nPart of the [Invoker Commands](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API) API.\nCustom commands must start with two dashes (e.g. `'--my-command'`).","values":[]},{"name":"commandfor","description":"The ID of the target element for the invoker command.\nPart of the [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API).","values":[]}],"references":[]},{"name":"igc-chip","description":"Chips help people enter information, make selections, filter content, or trigger actions.\n---\n\n\n### **Events:**\n - **igcRemove** - Emits an event when the chip component is removed. Returns the removed chip component.\n- **igcSelect** - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n\n### **Slots:**\n - _default_ - Renders content in the default slot of the chip.\n- **prefix** - Renders content at the start of the chip, before the default content.\n- **suffix** - Renders content at the end of the chip after the default content.\n- **select** - Content to render when the chip in selected state.\n- **remove** - Content to override the default remove chip icon.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the chip.\n- **content** - The wrapper element around the default slot of the chip.\n- **prefix** - The prefix container of the chip.\n- **suffix** - The suffix container of the chip.","attributes":[{"name":"disabled","description":"Sets the disabled state for the chip.","values":[]},{"name":"removable","description":"Defines if the chip is removable or not.","values":[]},{"name":"selectable","description":"Defines if the chip is selectable or not.","values":[]},{"name":"selected","description":"Defines if the chip is selected or not.","values":[]},{"name":"variant","description":"A property that sets the color variant of the chip component.","values":[{"name":"StyleVariant"}]},{"name":"locale","description":"Gets/Sets the locale used for getting language, affecting resource strings.","values":[]}],"references":[]},{"name":"igc-textarea","description":"This element represents a multi-line plain-text editing control,\nuseful when you want to allow users to enter a sizeable amount of free-form text,\nfor example a comment on a review or feedback form.\n---\n\n\n### **Events:**\n - **igcInput** - Emitted when the control receives user input.\n- **igcChange** - Emitted when the a change to the control value is committed by the user.\n\n### **Slots:**\n - _default_ - Text content from the default slot will be used as the value of the component.\n- **prefix** - Renders content before the input.\n- **suffix** - Renders content after input.\n- **helper-text** - Renders content below the input.\n- **value-missing** - Renders content when the required validation fails.\n- **too-long** - Renders content when the maxlength validation fails.\n- **too-short** - Renders content when the minlength validation fails.\n- **custom-error** - Renders content when setCustomValidity(message) is set.\n- **invalid** - Renders content when the component is in invalid state (validity.valid = false).\n\n### **CSS Parts:**\n - **container** - The main wrapper that holds all main input elements of the textarea.\n- **input** - The native input element of the igc-textarea.\n- **label** - The native label element of the igc-textarea.\n- **prefix** - The prefix wrapper of the igc-textarea.\n- **suffix** - The suffix wrapper of the igc-textarea.\n- **helper-text** - The helper text wrapper of the igc-textarea.","attributes":[{"name":"autocomplete","description":"Specifies what if any permission the browser has to provide for automated assistance in filling out form field values,\nas well as guidance to the browser as to the type of information expected in the field.\nRefer to [this page](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for additional information.","values":[]},{"name":"autocapitalize","description":"Controls whether and how text input is automatically capitalized as it is entered/edited by the user.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize).","values":[]},{"name":"inputmode","description":"Hints at the type of data that might be entered by the user while editing the element or its contents.\nThis allows a browser to display an appropriate virtual keyboard.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)","values":[]},{"name":"label","description":"The label for the control.","values":[]},{"name":"maxlength","description":"The maximum number of characters (UTF-16 code units) that the user can enter.\nIf this value isn't specified, the user can enter an unlimited number of characters.","values":[]},{"name":"minlength","description":"The minimum number of characters (UTF-16 code units) required that the user should enter.","values":[]},{"name":"outlined","description":"Whether the control will have outlined appearance.","values":[]},{"name":"placeholder","description":"The placeholder attribute of the control.","values":[]},{"name":"readonly","description":"Makes the control a readonly field.","values":[]},{"name":"resize","description":"Controls whether the control can be resized.\nWhen `auto` is set, the control will try to expand and fit its content.","values":[{"name":"TextareaResize"}]},{"name":"rows","description":"The number of visible text lines for the control. If it is specified, it must be a positive integer.\nIf it is not specified, the default value is 3.","values":[]},{"name":"value","description":"The value of the component","values":[]},{"name":"spellcheck","description":"Controls whether the element may be checked for spelling errors.","values":[]},{"name":"wrap","description":"Indicates how the control should wrap the value for form submission.\nRefer to [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attributes)\nfor explanation of the available values.","values":[{"name":"hard"},{"name":"soft"},{"name":"off"}]},{"name":"validate-only","description":"Enables validation rules to be evaluated without restricting user input. This applies to the `maxLength` property\nwhen it is defined.","values":[]},{"name":"required","description":"When set, makes the component a required field for validation.","values":[]},{"name":"name","description":"The name attribute of the control.","values":[]},{"name":"disabled","description":"The disabled state of the component.","values":[]},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","values":[]}],"references":[]},{"name":"igc-chat-input","description":"A web component that provides the input area for the `igc-chat` interface.\n\nIt supports:\n- Text input with automatic resizing\n- Sending messages on Enter key (with Shift+Enter for newlines)\n- File attachments via file picker or drag-and-drop\n- Customizable templates for send button, attachments, and text input\n- Emits various chat-related events (typing, input focus/blur, attachment drop, etc.)\n---\n\n\n### **Events:**\n - **igcTypingChange** - Fired when the user starts/stops typing\n- **igcInputFocus** - Fired when the input area receives focus\n- **igcInputBlur** - Fired when the input area loses focus\n- **igcAttachmentDrag** - Fired when dragging a file over the input\n- **igcAttachmentDrop** - Fired when a file is dropped into the input\n- **igcChange** - Fired when file input changes (delegated from `<igc-file-input>`)\n\n### **Slots:**\n - _default_ - Default unnamed slot for rendering inside the component\n\n### **CSS Parts:**\n - **input-container** - Container for the input section\n- **input-wrapper** - Wrapper around the text input\n- **text-input** - The `<igc-textarea>` component\n- **actions-container** - Container for file upload/send buttons\n- **send-button** - The send icon button\n- **attachments** - Container for rendering attachments\n- **attachment-wrapper** - Wrapper for individual attachment\n- **attachment-name** - Display name of an attachment","attributes":[],"references":[]},{"name":"igc-chat-message","description":"A chat message component for displaying individual messages in `<igc-chat>`.\n---\n","attributes":[],"references":[]},{"name":"igc-chat","description":"A chat UI component for displaying messages, attachments, and input interaction.\n---\n\n\n### **Events:**\n - **igcMessageCreated** - Dispatched when a new chat message is created (sent).\n- **igcMessageReact** - Dispatched when a message is reacted to.\n- **igcAttachmentClick** - Dispatched when a chat message attachment is clicked.\n- **igcAttachmentAdded** - Dispatched when attachment(s) are added either through drag & drop or through the default file input.\n- **igcAttachmentRemoved** - Dispatched when an attachment is removed by the user.\n- **igcAttachmentDrag** - Dispatched during an attachment drag operation.\n- **igcAttachmentDrop** - Dispatched when an attachment is dropped (e.g., in a drag-and-drop operation).\n- **igcTypingChange** - Dispatched when the typing status changes (e.g., user starts or stops typing).\n- **igcInputFocus** - Dispatched when the chat input field gains focus.\n- **igcInputBlur** - Dispatched when the chat input field loses focus.\n- **igcInputChange** - Dispatched when the content of the chat input changes.\n\n### **Slots:**\n - **prefix** - Slot for injecting content (e.g., avatar or icon) before the chat title.\n- **title** - Slot for overriding the chat title content.\n- **actions** - Slot for injecting header actions (e.g., buttons, menus).\n- **suggestions-header** - Slot for rendering a custom header for the suggestions list.\n- **suggestions** - Slot for rendering a custom list of quick reply suggestions.\n- **suggestions-actions** - Slot for rendering additional actions.\n- **suggestion** - Slot for rendering a single suggestion item.\n- **empty-state** - Slot shown when there are no messages.\n- **typing-indicator** - Slot for the \"is typing\" indicator.\n\n### **CSS Parts:**\n - **chat-container** - Styles the main chat container.\n- **header** - Styles the chat header container.\n- **prefix** - Styles the element before the chat title (e.g., avatar).\n- **title** - Styles the chat header title.\n- **message-area-container** - Styles the container holding the messages and (optional) suggestions.\n- **message-list** - Styles the message list container.\n- **message-item** - Styles each message wrapper.\n- **typing-indicator** - Styles the typing indicator container.\n- **typing-dot** - Styles individual typing indicator dots.\n- **suggestions-container** - Styles the container holding all suggestions.\n- **suggestions-header** - Styles the suggestions header.\n- **suggestion** - Styles each suggestion item.\n- **suggestion-prefix** - Styles the icon or prefix in a suggestion.\n- **suggestion-title** - Styles the text/title of a suggestion.\n- **empty-state** - Styles the empty state container when there are no messages.\n- **input-area-container** - Styles the wrapper around the chat input area.\n- **input-area** - Styles the main text input area.\n- **input-attachments-container** - Styles the container for attachments in the input.\n- **input-attachment-container** - Styles a single attachment in the input area.\n- **input-attachment-name** - Styles the file name of an attachment.\n- **input-attachment-icon** - Styles the icon of an attachment.\n- **text-input** - Styles the text input field for typing messages.\n- **input-actions-container** - Styles the container for input actions.\n- **input-actions-start** - Styles the group of actions at the start of the input after the default file upload.\n- **input-actions-end** - Styles the group of actions at the end of the input.\n- **file-upload-container** - Styles the container for the file upload input.\n- **file-upload** - Styles the file upload input itself.\n- **send-button-container** - Styles the container around the send button.\n- **send-button** - Styles the send button.\n- **message-container** - Styles the container of a single message.\n- **message-list** - (forwarded) - Styles the internal list of messages.\n- **message-header** - Styles the header of a message (e.g., sender, timestamp).\n- **message-content** - Styles the text content of a message.\n- **message-attachments-container** - Styles the container for message attachments.\n- **message-attachment** - Styles a single message attachment.\n- **message-actions-container** - Styles the container holding message actions.\n- **message-sent** - Styles messages marked as sent by the current user.\n- **attachment-header** - Styles the header of an attachment block.\n- **attachment-content** - Styles the content of an attachment block.\n- **attachment-icon** - Styles the icon of an attachment.\n- **file-name** - Styles the file name shown in an attachment.","attributes":[],"references":[]},{"name":"igc-divider","description":"The igc-divider allows the content author to easily create a horizontal/vertical rule as a break between content to better organize information on a page.\n---\n\n\n### **CSS Properties:**\n - **--color** - Sets the color of the divider. _(default: undefined)_\n- **--inset** - Shrinks the divider by the given amount from the start. If `middle` is set it will shrink from both sides. _(default: undefined)_","attributes":[{"name":"vertical","description":"Whether to render a vertical divider line.","values":[]},{"name":"middle","description":"When set and inset is provided, it will shrink the divider line from both sides.","values":[]},{"name":"type","description":"Whether to render a solid or a dashed divider line.","values":[{"name":"DividerType"}]}],"references":[]},{"name":"igc-resize","description":"\n---\n\n\n### **Events:**\n \n\n### **Slots:**\n - _default_ - renders the element(s) that should be resized\n- **side-adorner** - renders the side resize handle.\n- **corner-adorner** - renders the corner resize handle.\n- **bottom-adorner** - renders the bottom resize handle.","attributes":[{"name":"active","description":"Whether to always show the resize element adorners.","values":[]},{"name":"mode","description":"Get/Set the mode of the resizing operation.","values":[{"name":"ResizeMode"}]}],"references":[]},{"name":"igc-tile","description":"The tile component is used within the `igc-tile-manager` as a container\nfor displaying various types of information.\n---\n\n\n### **Events:**\n - **igcTileFullscreen** - Fired when tile the fullscreen state changes.\n- **igcTileMaximize** - Fired when tile the maximize state changes.\n- **igcTileDragStart** - Fired when a