JSPM – @kirbydesign/designsystem@0.0.36

Package Exports

@kirbydesign/designsystem

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@kirbydesign/designsystem) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Kirby Design System

About

Kirby Design System is a UX Component library implementing the Kirby Design Philosophy.

Kirby Components are built on top of Angular and NativeScript and can be used in a standalone Angular project as well as a Angular/NativeScript code-sharing project.

Note

Please note: To enable the code-sharing capabilities of Angular/NativeScript the package contains the uncompiled typescript (.ts), markup (.html/.tns.html) and styling (.scss/.tns.scss) source code. See the Installation section below on how to enable typescript compilation of the package in your project.

Installation
Usage

Installation

Install through NPM:

npm install @kirbydesign/designsystem

Include the Kirby Sass variables in your app:

Web (eg. in src/styles.scss):

@import '~@kirbydesign/designsystem/scss/web-imports';

{N} (eg. in src/_app-variables.scss)::

@import '~@kirbydesign/designsystem/scss/native-common';

Please note: To enable typescript compilation of the package in your project, you need to add the following to your tsconfig.json:

...
  "include": [
    "./src/**/*",
    "./node_modules/@kirbydesign/designsystem/**/*.ts"
  ],
...

@kirbydesign/designsystem