Get started

Get started with the usage of Sema4.ai Design System components in your project

Installation

Add @sema4ai/theme, @sema4ai/components and @robocorop/icons to your project dependencies:

Optionally install @sema4ai/layouts to access layout components:

Usage

Wrap your project or UI view with the ThemeProvider component and import the individual UI components:

Font file assets

Download the static font file assets and add them to your project's public static asset location. Reference or import the fonts.css in your HTML file:

Favicon

Copy the static Sema4.ai logo icon favicon.ico to your project's static file location and reference or import it in your indx HTML file: