<p align="center">
  <h1 align="center">Alyle UI</h1>
  <p align="center">Minimal Design, a set of components for Angular.</p>
  <p align="center"><a href="https://alyle.io">Docs</a></p>
</p>

[![Build Status](https://dev.azure.com/Alyle/Alyle%20UI/_apis/build/status/Build?branchName=master)](https://dev.azure.com/Alyle/Alyle%20UI/_build/latest?definitionId=5&branchName=master)
[![npm](https://img.shields.io/npm/v/@alyle/ui.svg?style=flat-square)](https://npmjs.com/package/@alyle/ui)
[![npm](https://img.shields.io/npm/dt/@alyle/ui.svg?style=flat-square)](https://npmjs.com/package/@alyle/ui)
[![Join the chat at https://discord.gg/65hMpAJ](https://img.shields.io/badge/chat-on%20discord-738BD7.svg?style=flat-square)](https://discord.gg/65hMpAJ)

## Install Alyle UI

[Installation](https://alyle.io/getting-started/installation)

## Components

|Feature|State|Responsive|Docs|
|----|-----|----------|----|
|avatar|✔️|✔️|[Docs](https://alyle.io/components/avatar)|
|badge|✔️|✔️|[Docs](https://alyle.io/components/badge)|
|button|✔️|✔️|[Docs](https://alyle.io/components/button)|
|card|✔️|✔️|[Docs](https://alyle.io/components/card)|
|carousel|✔️|✔️|[Docs](https://alyle.io/components/carousel)|
|checkbox|✔️|✔️|[Docs](https://alyle.io/components/checkbox)|
|dialog|✔️|✔️|[Docs](https://alyle.io/components/dialog)|
|divider|✔️|✔️|[Docs](https://alyle.io/components/divider)|
|drawer|✔️|✔️|[Docs](https://alyle.io/components/drawer)|
|expansion|✔️|✔️|[Docs](https://alyle.io/components/expansion)|
|field|✔️|✔️|[Docs](https://alyle.io/components/field)|
|grid|✔️|✔️|[Docs](https://alyle.io/components/grid)|
|icon|✔️|✔️|[Docs](https://alyle.io/components/icon)|
|img cropper|✔️|✔️|[Docs](https://alyle.io/components/image-cropper)|
|list|✔️|✔️|[Docs](https://alyle.io/components/list)|
|media|✔️|✔️|[Docs](https://alyle.io/components/responsive)|
|menu|✔️|✔️|[Docs](https://alyle.io/components/menu)|
|radio|✔️|✔️|[Docs](https://alyle.io/components/radio)|
|select|✔️|✔️|[Docs](https://alyle.io/components/select)|
|snack bar|✔️|✔️|[Docs](https://alyle.io/components/snack-bar)|
|skeleton screen|✔️|✔️|[Docs](https://alyle.io/components/skeleton)|
|slider|✔️|✔️|[Docs](https://alyle.io/components/slider)|
|tabs|✔️|✔️|[Docs](https://alyle.io/components/tabs)|
|toolbar|✔️|✔️|[Docs](https://alyle.io/components/toolbar)|
|tooltip|✔️|✔️|[Docs](https://alyle.io/components/tooltip)|
|typography|✔️|✔️|[Docs](https://alyle.io/components/typography)|

### Questions?

If you have any questions, ideas or you want to discuss with Alyle UI community, join the chat at [Discord](https://discord.gg/65hMpAJ)

### Did you find an bug?

Please create a report to help us improve, you can do in [Github](https://github.com/A-l-y-l-e/Alyle-UI/issues/new/choose) or [Discord](https://discord.gg/65hMpAJ)</a>.
