MIE Svelte Components

This package provides a collection of Svelte components, available for installation here. To see a collection of the current components, please visit the
MIE Storybook Component Library

Styles

The mie-ds-svelte-components package includes the following style packages by default:

• mie-ds-core
• mie-ds-brand-mie-light

Importing Styles

To properly apply styles, make sure to include the master .sass file from each style library you use.

Example: Using mie-ds-core

@import "./node_modules/mie-ds-core/styles/styles.scss";

Example: Importing a Brand Theme After Core When using a brand-specific style package, always import it after the core styles: @import "./node_modules/mie-ds-core/styles/styles.scss"; @import "./node_modules/mie-ds-brand-mie-light/styles/styles.scss";

Additional Brand Styles

• mie-ds-brand-bluehive-light
• mie-ds-brand-enterprisehealth-light These brands are still a work in progress and not yet finalized.

Datavis

Datavis styles are installed independently to allow a Datavis-only version of the component library and brand styles to be installed.

• mie-ds-datavis

When including the mie-ds-datavis styles, be sure to import them BEFORE the brand styles: @import "./node_modules/mie-ds-core/styles/styles.scss"; @import '../node_modules/mie-ds-datavis/styles/styles.scss'; @import "./node_modules/mie-ds-brand-mie-light/styles/styles.scss";

Installing Single Components

Need just a single component? No problem! You can install individual components using:
npm install mie-ds-[component-name]