Get started

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

Essential Assets

Installation

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

Code block

Optionally install @sema4ai/layouts to access layout components:

Code block

Usage

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

Code block

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:

Code block

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:

Code block