This repository contains a collection of web components built with Lit. The web components are published at https://www.npmjs.com/package/@felleslosninger/minid-elements
Install the package:
npm install @felleslosninger/minid-elementsor
yarn add @felleslosninger/minid-elementsImport the desired components into your project:
import '@felleslosninger/minid-elements/button';
<mid-button variant="primary">Click me</mid-button>Alternatively, you can use MinId Elements directly from our CDN. Here's an example of how to include the components in your HTML file:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MinID CDN Example</title>
<link rel="stylesheet" href="https://cdn.minid.no/minid-elements/latest/index.css" />
<link rel="stylesheet" href="https://cdn.minid.no/minid-elements/latest/theme/digdir/tokens.css" />
<script type="module" src="https://cdn.minid.no/minid-elements/latest/index.js"></script>
</head>
<body>
<mid-button>Click me</mid-button>
</body>
</html>This example demonstrates how to include the mid-button component. You can replace this with any other component from the MinId Elements library.
View the complete component documentation and examples in our Storybook:
If you're contributing to this project, follow these steps:
- Clone the repository.
- Install dependencies:
npm installoryarn install. - Run the development server:
npm run devoryarn dev. - Build the project:
npm run buildoryarn build.
We welcome contributions! Please feel free to open issues and pull requests.
MIT License - See LICENSE for more information.