0.3.46 • Published 9 months ago

@gyldendal/kobber-components v0.3.46

Weekly downloads
-
License
MIT
Repository
github
Last release
9 months ago

Component library

Components can be used as react components or as web components. TypeScript definitions are included.

Installation

Run one of the following commands to add @gyldendal/kobber-components to your project:

npm install @gyldendal/kobber-components
yarn add @gyldendal/kobber-components

You will also need to install react and react-dom

Inter font

The Inter variable font is used by default. It can be installed separately from fontsource with one of these commands:

npm install @fontsource-variable/inter
yarn add @fontsource-variable/inter

And then imported in your project:

import '@fontsource-variable/inter';

Usage

Components can be imported as react components or as web components.

As a react component:

import { ProgressBar } from "@gyldendal/kobber-components/react";
const App = () => <ProgressBar />;

As a custom element:

<script>import "@gyldendal/kobber-components/web-components";</script>
<kobber-progress-bar />

As a web component:

import { ProgressBar } from "@gyldendal/kobber-components/web-components";
const progressBar = new ProgressBar();
document.body.appendChild(progressBar);

CSS

CSS can be imported in JavaScript if supported by your bundler:

import "@gyldendal/kobber-base/css/components.css";

kobber-components assumes that box-sizing is set to border-box:

html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

We recommend using normalize.css or something similar to normalize browser styles.

0.3.46

9 months ago

0.3.45

10 months ago

0.3.31

11 months ago

0.3.30

11 months ago

0.3.39

11 months ago

0.3.38

11 months ago

0.3.37

11 months ago

0.3.36

11 months ago

0.3.35

11 months ago

0.3.34

11 months ago

0.3.33

11 months ago

0.3.32

11 months ago

0.3.29

12 months ago

0.3.20

12 months ago

0.3.28

12 months ago

0.3.27

12 months ago

0.3.26

12 months ago

0.3.25

12 months ago

0.3.24

12 months ago

0.3.23

12 months ago

0.3.22

12 months ago

0.3.21

12 months ago

0.3.19

1 year ago

0.3.18

1 year ago

0.3.17

1 year ago

0.3.16

1 year ago

0.3.15

1 year ago

0.3.14

1 year ago

0.3.13

1 year ago

0.3.42

10 months ago

0.3.41

10 months ago

0.3.40

10 months ago

0.3.44

10 months ago

0.3.43

10 months ago

0.3.12

1 year ago

0.3.11

1 year ago

0.3.10

1 year ago

0.3.9

1 year ago

0.3.8

1 year ago

0.3.7

1 year ago

0.3.6

1 year ago

0.3.5

1 year ago

0.3.3

1 year ago

0.3.0

2 years ago

0.3.2

2 years ago

0.3.1

2 years ago

0.2.0

2 years ago

0.1.0

2 years ago

0.0.1

2 years ago