DFX5 UI Design System

A UI design library for DFX5 applications.

full documentation

Installation

npm install @dfx5/ui-designsystem
# or
yarn add @dfx5/ui-designsystem

Usage

Import components from the library:

import { CardTitle } from '@dfx5/ui-designsystem';

function MyComponent() {
  return (
    <div>
        <CardTitle title="Card Title" />
    </div>
  );
}

GENERATE CODEARTIFACT AUTH TOKEN

#bash
export DFX5_CODEARTIFACT_AUTH_TOKEN=$(aws codeartifact get-authorization-token --domain dfx5-ui-design-system-domain --domain-owner 532393804571 --region us-east-1 --query authorizationToken --output text)
#fish
set -x DFX5_CODEARTIFACT_AUTH_TOKEN (aws codeartifact get-authorization-token --domain dfx5-ui-design-system-domain --domain-owner 532393804571 --region us-east-1 --query authorizationToken --output text)