igniteui-react-components

Installation
SKILL.md

Ignite UI for React Components

Igr* components are React wrappers around igc-* web components. Everything below follows from that.

Non-negotiables

  1. Import a theme CSS file or components render unstyled with broken icons.
  2. No .register() for igniteui-react, igniteui-react-grids, igniteui-react/grid-lite, or igniteui-react-dockmanager — the wrapper registers the element on import. Charts, gauges, and maps (separate legacy packages) do require .register().
  3. CSS selectors must target igc-*, never IgrButton. Use ::part() for shadow DOM internals.
  4. Events are CustomEvent, not React SyntheticEvent. Read e.detail.
  5. Never set column width on IgrColumn / IgrGridLiteColumn unless asked — see DATAVIZ.md.
  6. Charts, gauges, maps, and grids need an explicitly sized container or they render at zero height.

Packages

Installs
8
GitHub Stars
56
First Seen
Mar 31, 2026