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
- Import a theme CSS file or components render unstyled with broken icons.
- No
.register()forigniteui-react,igniteui-react-grids,igniteui-react/grid-lite, origniteui-react-dockmanager— the wrapper registers the element on import. Charts, gauges, and maps (separate legacy packages) do require.register(). - CSS selectors must target
igc-*, neverIgrButton. Use::part()for shadow DOM internals. - Events are
CustomEvent, not ReactSyntheticEvent. Reade.detail. - Never set column
widthonIgrColumn/IgrGridLiteColumnunless asked — see DATAVIZ.md. - Charts, gauges, maps, and grids need an explicitly sized container or they render at zero height.