# @daffodil/design
`@daffodil/design` is an Angular component library built to support ecommerce use-cases. The library provides turn-key support for various features like:

* [Pre-Built Components](#components)
* [Theming](/libs/design/scss/theming/README.md)
* [Typography](/libs/design/scss/typography/README.md)
* [Accessibility](/libs/design/guides/accessibility.md)
* [Color](/libs/design/guides/color.md)

## Packages
| Package | Version | Stability |
|---|---|---|
| [@daffodil/design](/libs/design/README.md) | [![latest](https://img.shields.io/npm/v/%40daffodil%2Fdesign/latest.svg)](https://npmjs.com/package/@daffodil/design) | [![experimental](https://img.shields.io/static/v1.svg?label=stability&message=experimental&color=orange)](https://www.github.com/graycoreio/daffodil) |

The source for this package is in the [Daffodil repository](https://github.com/graycoreio/daffodil).

## Getting Started
Refer to the [Getting Started Guide](/libs/design/guides/getting-started.md).

## Upgrading
Refer to the [Upgrade Guide](/libs/design/guides/upgrading.md).

## Components

### Atoms
* [Button](/libs/design/button/README.md)
* [Container](/libs/design/container/README.md)
* [Form](/libs/design/src/atoms/form/README.md)
  * [Checkbox](/libs/design/src/atoms/form/checkbox/README.md)
  * [Checkbox Set](/libs/design/src/atoms/form/checkbox-set/README.md)
  * [Error Message](/libs/design/src/atoms/form/error-message/README.md)
  * [Form Field](/libs/design/src/atoms/form/form-field/README.md)
  * [Form Label](/libs/design/src/atoms/form/form-label/README.md)
  * [Input](/libs/design/src/atoms/form/input/README.md)
  * [Radio](/libs/design/src/atoms/form/radio/README.md)
  * [Radio Set](/libs/design/src/atoms/form/radio-set/README.md)
  * [Native Select](/libs/design/src/atoms/form/native-select/README.md)
  * [Quantity Field](/libs/design/src/atoms/form/quantity-field/README.md)
* [Image](/libs/design/image/README.md)
* [Loading Icon](/libs/design/loading-icon/README.md)
* [Tag](/libs/design/tag/README.md)

### Molecules
* [Accordion](/libs/design/accordion/README.md)
* [Article](/libs/design/article/README.md)
* [Callout](/libs/design/callout/README.md)
* [Card](/libs/design/card/README.md)
* [Hero](/libs/design/hero/README.md)
* [Link Set](/libs/design/link-set/README.md)
* [List](/libs/design/list/README.md)
* [Media Gallery](/libs/design/media-gallery/README.md)
* [Modal](/libs/design/modal/README.md)
* [Navbar](/libs/design/navbar/README.md)
* [Paginator](/libs/design/paginator/README.md)
* [Sidebar](/libs/design/sidebar/README.md)

## Behind the Scenes
* [The Team](https://github.com/graycoreio/daffodil/graphs/contributors)