diff --git a/packages/components/src/components/icon/icon.stories.ts b/packages/components/src/components/icon/icon.stories.ts index bef1bfda9..2d9f2bd44 100644 --- a/packages/components/src/components/icon/icon.stories.ts +++ b/packages/components/src/components/icon/icon.stories.ts @@ -9,13 +9,13 @@ const { generateTemplate } = storybookTemplate('sd-icon'); /** * ## Colors - * Per default icons inherit their color from the current text color. Thus, you can set the color property on the element or an ancestor to change the color. + * Per default icons inherit their color from the current text color. Thus, you can set the color property on the element or an ancestor to change the color. * * ## Sizes * Icons are sized relative to the current font size. To change their size, set the font-size property on the icon itself or on a parent element as shown below. * * ## Libraries - * You can register additional icons to use with the component through icon libraries. Icon files can exist locally or on a CORS-enabled endpoint (e.g. a CDN). There is no limit to how many icon libraries you can register and there is no cost associated with registering them, as individual icons are only requested when they're used. + * You can register additional icons to use with the component through icon libraries. Icon files can exist locally or on a CORS-enabled endpoint (e.g. a CDN). There is no limit to how many icon libraries you can register and there is no cost associated with registering them, as individual icons are only requested when they're used. * Solid will ship with two built-in icon libraries, default and system. The default icon library contains all of the icons by Union Investment's Design System. The system icon library contains only a small subset of icons that are used internally by Solid components. * * To register an additional icon library, use the `registerIconLibrary()` function that's exported from `utilities/icon-library.js`. At a minimum, you must provide a name and a resolver function. The resolver function translates an icon name to a URL where the corresponding SVG file exists. Refer to the examples below to better understand how it works. @@ -51,11 +51,11 @@ const { generateTemplate } = storybookTemplate('sd-icon'); * * Please have in mind, that you have to make sure that `window['Solid Components']` is available before you call `registerIconLibrary()` e. g. via polling or similar. * - * To display an icon, set the library and name attributes of an element. + * To display an icon, set the library and name attributes of an element. * * ```html * - * + * * ``` * * You can even version your icon libraries: