## Bruk av punkt-elements

<a href="https://www.npmjs.com/package/@oslokommune/punkt-elements" target="_blank"><img src="https://img.shields.io/npm/v/@oslokommune/punkt-elements?logo=webcomponentsdotorg&label=customelements&style=for-the-badge&color=bf4080" alt="Custom elements" /></a>

Denne pakken inneholder custom elements for Punkts komponentbibliotek. Den er under utarbeiding men den
vil etterhvert holde på absolutt alle Punkts komponenter.

## 🚀 Kom i gang - npm

```sh
npm add @oslokommune/punkt-css
npm add @oslokommune/punkt-elements
```

```js
import '@oslokommune/punkt-elements/dist/pkt-card.js'
import '@oslokommune/punkt-elements/dist/pkt-datepicker.js'
import '@oslokommune/punkt-elements/dist/pkt-link.js'
```

Se dokumentasjon for punkt-css for instrukser for bruk av CSS-pakken.

## 🏎️ Kom i gang - cdn

```html
<link href="https://punkt-cdn.oslo.kommune.no/latest/css/pkt.min.css" rel="stylesheet" />
<!-- importer elementene du vil bruke -->
<script src="https://punkt-cdn.oslo.kommune.no/latest/elements/pkt-card.js"></script>
<script src="https://punkt-cdn.oslo.kommune.no/latest/elements/pkt-datepicker.js"></script>
<script src="https://punkt-cdn.oslo.kommune.no/latest/elements/pkt-link.js"></script>
```