Legacy LFUI

Legacy LFUI package, still used in existing products.

Scope of this README

This README covers the legacy web package only (packages/legacy/lfui).

• legacy package usage
• legacy package CSS/dependency notes
• package-local development flow

For monorepo-level onboarding, use root README.md.

Usage

Import the bundle to register most components:

import '@lansforsakringar/components'

Some components must be imported and initialized explicitly:

// Import from main bundle
import { select } from '@lansforsakringar/components'

// Import directly from components output
import select from '@lansforsakringar/components/select'

CSS

You can either import SCSS source or use precompiled CSS.

Source SCSS

Import index.scss at the top of your main SCSS file:

@import '@lansforsakringar/components/src/scss/index.scss';

Precompiled CSS

If you use a bundler (for example Vite or Webpack), import precompiled CSS:

@import '@lansforsakringar/components/index.css';

Without a bundler, copy dist/lfui into your project and reference the generated CSS and JS directly.

Dependencies

When compiling from source, dependencies are resolved by your build tooling.

When using precompiled files, the ranged Slider interval variant requires jQuery available globally.

Icons

Icons are not included in this package. Use the icons package documentation for installation and usage details.

Contributing

This package includes a dedicated Storybook setup.

npm install
npm run dev

npm run dev starts Storybook and rebuilds on file changes.