/fluid

A Design Framework for fluid & reactive interfaces

Primary LanguageJavaScriptMIT LicenseMIT

fluid CI Percy Conventional Commits

Fluid is @movableink's design system. We use a combination of emberjs, and tailwind to build our design system. The TailwindCss config docs can be found at @movable/tailwind-config

Installation

This currently is an ember-addon and should be installed as such:

ember install @movable/fluid

Local Development

Installation

  1. Ensure you have volta installed on your computer
  2. Clone the repo
  3. yarn install

Server

The documentation server can be run locally by running:

yarn storybook-dev

We use Storybook for all our documenation. The local server is accessible via http://localhost:9001

Testing

The tests can be run in an interactive browser

yarn test

Conventional Commits

This repo has conventional-commits We lint for this both pre-commit and on PR actions. It is required and will not pass without it.

Ex:

fix(percy): added percy snapshots for all component states

- active
- disabled
- focused