design-system

Components for building robust user interfaces.

Compatibility

• Ember.js v4.8 or above
• Ember CLI v4.8 or above
• Node.js v18 or above

Installation

ember install @trusted-american/design-system

Usage

{{! app/templates/application.hbs }}

{{page-title "Title"}}
{{breadcrumb "Title" route="index"}}

<Aside
  @title="Title"
  @logo="/logo.svg"
  @route="index"
>
  <Aside::Item @text="Link 1" @route="index" @icon="house" />
  <Aside::Item @text="Link 2" @route="index" @icon="house" />
  <Aside::Item @text="Link 3" @route="index" @icon="house" />
</Aside>

<Main>
  <Main::TopHeader>
    <BreadcrumbTrail />
  </Main::TopHeader>

  <Main::Body>
    Body
  </Main::Body>

  <Main::Footer>
    Footer
  </Main::Footer>
</Main>

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.