Vizel API / react/src / VizelIconProviderProps

Interface: VizelIconProviderProps

Defined in: packages/react/src/components/VizelIconProvider.tsx:5

Properties

children

children: ReactNode;

Defined in: packages/react/src/components/VizelIconProvider.tsx:24

---

icons?

optional icons?: Partial<Record<VizelIconName, string>>;

Defined in: packages/react/src/components/VizelIconProvider.tsx:23

Custom icon mappings to override default Lucide icons. Any icon not specified will fall back to the default Lucide icon.

Example

// Use Material Design Icons for some icons
<VizelIconProvider icons={{ bold: "mdi:format-bold", italic: "mdi:format-italic" }}>
  <App />
</VizelIconProvider>

// Use Heroicons
<VizelIconProvider icons={{ check: "heroicons:check", warning: "heroicons:exclamation-triangle" }}>
  <App />
</VizelIconProvider>