# K2 Alpine Components

Component library to be used for Core applications.

## Using K2 Alpine

In order to use K2 Alpine, you must do some client-side setup.

### Installing fonts

You will need to set the following scripts in your `head` tag to install fonts.

```html
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..700;1,14..32,400..700&display=swap" />
```

## Scripts

`pnpm storybook` will allow you to start Storybook and be able to visualize the component library. Read more details in the [Storybook documentation](./docs/STORYBOOK.md).


## Libraries

K2 Alpine Components uses the following libraries:

- [React](https://react.dev/)
- [MUI](https://mui.com/)
