This addon contains most of the CSS used in Addepar's design system and component library. Each addon in our component library will import specific CSS "modules" from this toolbox.
As a general rule, this toolbox is for standardized, well-designed, reusable UI styles and components. One-off styling or "hacks" should live directly within your application.
The UI in this toolbox was created to be framework agnostic. It has selector hooks for interactivity, but does not function outside of pure HTML/CSS. It is up to the developer to create fully functioning UI in their own projects. So for example, if you want to use a working dropdown component with Ember, you would use our ember-addon version of that component (adde-dropdown from @addepar/pop-menu).
ember install @addepar/style-toolbox
Once installed, you can start importing the Sass files directly into your own CSS.
For example, assuming your app has the typical styles directory setup, you can
include all of the toolbox in your
Or for a more specific UI piece:
git clone <repository-url>
- Tests TBD, this is purely CSS with no JS
Running the dummy application
- Visit the dummy application at http://localhost:4200.
For more information on using ember-cli, visit https://ember-cli.com/.
This project is licensed under the MIT License.