Support for custom icons? about carbon-icons-svelte HOT 4 CLOSED

@metonym
I guess that is fine then; turning SVGs into components is not that difficult and does not necessarily need to be handled by the library.

By the way, there are still some direct references to carbon-icons-svelte in prop documentation, e.g. for Button:

  /**
   * Specify the icon from `carbon-icons-svelte` to render
   * @type {typeof import("svelte").SvelteComponent}
   */
  export let icon = undefined;

from carbon-icons-svelte.

Why not cast a custom icon to a CarbonIcon type?

from carbon-icons-svelte.

The issue is that there is no actual "casting" here, you can only make type assertions, which do not change the runtime type. CarbonIcon provides a specific interface via props and events which are used by the Carbon components, however, the user of the icons library never really interacts with this API directly, so it would be useful if the icon library could provide a way of creating components with the correct interface, so the API can change independently without issues.

If e.g. an icons would at some point expose a new event which is required by some Carbon component to work correctly and my icon component code is out of date, things would stop working. So for the user of these libraries it would be convenient to have something like my icon function implemented in the library, that takes an SVG/size as input and returns a valid icon that has the exact same functionality as all the standard icons.

from carbon-icons-svelte.

@brunnerh Resolved by carbon-design-system/carbon-components-svelte#853?

from carbon-icons-svelte.