Amazon Connect SDK - Theme

The theme package defines and applies the Connect theme when developing with Cloudscape.

Installation

% npm install -P @amazon-connect/theme

Usage

The theme package must be imported once at the entry point of the application.

src/index.ts

import { applyConnectTheme } from "@amazon-connect/theme";

applyConnectTheme();

From then on cloudscape components and design tokens can be used directly from Cloudscape.

src/App.ts

import * as React from "react";
import Button from "@cloudscape-design/components/button";

export default () => {
  return <Button variant="primary">Button</Button>;
}