@centml/deepview-ui

Components for the DeepView UI used within its webview and VSCode extension

• Tailwind CSS
• Storybook

Features

• React UI components and utility functions

Usage

Install the package from npm:

npm install -D @centml/deepview-ui

In your application's Tailwind CSS config, extend your content array with the path to CentML UI. This will ensure all Tailwind utilities required by the library are generated.

/** @type {import('tailwindcss').Config} */
module.exports = {
	presets: [],
	content: ['./node_modules/@centml/deepview-ui/dist/**/*.js'],
	theme: {
		extend: {}
	}
};

Setting up your application

You can import components, utility functions, and types from the top-level module:

import { Breakdown, getStatsUsage, type ProfilingData } from '@centml/deepview-ui';