npm package: @holusion/uikit
Description: UI components kit for holusion
Author: Sebastien DUMETZ
Latest version: 2.5.3

## Holusion uikit

Unified web UI kit for holusion. To be used with [@holusion/theme](https://www.npmjs.com/package/@holusion/theme) for completeness.

It exports multiple files : `features`, `components` and `icons`with each being available as **umd** (`.js`) or **mjs** (`.mjs`) files.


## Icons 

Available icons : 

<div style="display:flex; color:#103040">
<!--icons-->
<!--Generated by scripts/prebuild. Do not edit manually-->
<img title="Alert" src="https://unpkg.com/@holusion/uikit/dist/icons/alert.svg">
<img title="ArrowDown" src="https://unpkg.com/@holusion/uikit/dist/icons/arrow_down.svg">
<img title="ArrowUp" src="https://unpkg.com/@holusion/uikit/dist/icons/arrow_up.svg">
<img title="Back" src="https://unpkg.com/@holusion/uikit/dist/icons/back.svg">
<img title="Binary" src="https://unpkg.com/@holusion/uikit/dist/icons/binary.svg">
<img title="Book" src="https://unpkg.com/@holusion/uikit/dist/icons/book.svg">
<img title="Bug" src="https://unpkg.com/@holusion/uikit/dist/icons/bug.svg">
<img title="Build" src="https://unpkg.com/@holusion/uikit/dist/icons/build.svg">
<img title="Camera" src="https://unpkg.com/@holusion/uikit/dist/icons/camera.svg">
<img title="Check" src="https://unpkg.com/@holusion/uikit/dist/icons/check.svg">
<img title="Close" src="https://unpkg.com/@holusion/uikit/dist/icons/close.svg">
<img title="Delete" src="https://unpkg.com/@holusion/uikit/dist/icons/delete.svg">
<img title="Drag" src="https://unpkg.com/@holusion/uikit/dist/icons/drag.svg">
<img title="Edit" src="https://unpkg.com/@holusion/uikit/dist/icons/edit.svg">
<img title="File" src="https://unpkg.com/@holusion/uikit/dist/icons/file.svg">
<img title="Filter" src="https://unpkg.com/@holusion/uikit/dist/icons/filter.svg">
<img title="Forward" src="https://unpkg.com/@holusion/uikit/dist/icons/forward.svg">
<img title="Image" src="https://unpkg.com/@holusion/uikit/dist/icons/image.svg">
<img title="Info" src="https://unpkg.com/@holusion/uikit/dist/icons/info.svg">
<img title="Library" src="https://unpkg.com/@holusion/uikit/dist/icons/library.svg">
<img title="Link" src="https://unpkg.com/@holusion/uikit/dist/icons/link.svg">
<img title="Menu" src="https://unpkg.com/@holusion/uikit/dist/icons/menu.svg">
<img title="NoteAdd" src="https://unpkg.com/@holusion/uikit/dist/icons/note_add.svg">
<img title="Pause" src="https://unpkg.com/@holusion/uikit/dist/icons/pause.svg">
<img title="Play" src="https://unpkg.com/@holusion/uikit/dist/icons/play.svg">
<img title="Plus" src="https://unpkg.com/@holusion/uikit/dist/icons/plus.svg">
<img title="PowerOff" src="https://unpkg.com/@holusion/uikit/dist/icons/power_off.svg">
<img title="Refresh" src="https://unpkg.com/@holusion/uikit/dist/icons/refresh.svg">
<img title="Remove" src="https://unpkg.com/@holusion/uikit/dist/icons/remove.svg">
<img title="Save" src="https://unpkg.com/@holusion/uikit/dist/icons/save.svg">
<img title="ToggleOff" src="https://unpkg.com/@holusion/uikit/dist/icons/toggle_off.svg">
<img title="ToggleOn" src="https://unpkg.com/@holusion/uikit/dist/icons/toggle_on.svg">
<img title="Upload" src="https://unpkg.com/@holusion/uikit/dist/icons/upload.svg">
<img title="Video" src="https://unpkg.com/@holusion/uikit/dist/icons/video.svg">
<img title="View" src="https://unpkg.com/@holusion/uikit/dist/icons/view.svg">
<!--end_icons-->
</div>

Usage : 

```
  import Icon, {Alert} from "@holusion/uikit/dist/icons";

  <Icon icon={Alert}/>
```

The raw icons are also exported as svg in `dist/icons/*.svg`. They can easily be used from unpkg as : 

```
<img title="Alert" src="https://unpkg.com/@holusion/uikit/dist/icons/alert.svg">
```

## Features

Components that will handle some logic. Be sure to fully understand them before use
They are the main use of this repo and provide a well-tested way to provide functionalities like toast alerts or Modals.

Features uses the following structure :

 - [hooks](https://github.com/Holusion/uikit/tree/master/src/features/hooks)

## Components

styled and opinionated presentation components to help bring a more consistent look and feel to holusion's various UIs.