tradeshift-ui-types

Typescript definitions for Tradeshift UI Components

• Usage
• Icons
• Buttons
• Header Colors

Usage

To pick types up, modify tsconfig.json

{
	"compilerOptions": {
		"": "Any typescript config options"
	},
	"files": ["node_modules/@tradeshift/tradeshift-ui-types/dist/index.d.ts"],
	"exclude": ["node_modules"],
	"include": ["YOUR_CUSTOM_TYPES.d.ts", "src/**/*"]
}

Icons

You can access the list of icons TSUI supports by importing TradeshiftUI from the package

import { TradeshiftUI } from '@tradeshift/tradeshift-ui-types';
const icon = TradeshiftUI.Icon.ACCEPT;

Buttons

You can access the list of button types TSUI supports by importing TradeshiftUI from the package

import { TradeshiftUI } from '@tradeshift/tradeshift-ui-types';
const icon = TradeshiftUI.ButtonType.PRIMARY;

Header Colors

You can access the list of header color TSUI supports by importing TradeshiftUI from the package

import { TradeshiftUI } from '@tradeshift/tradeshift-ui-types';
const icon = TradeshiftUI.HeaderColor.RED;