Genesys UI Code

Warning This is an alpha version and it is not yet production ready.

This package contains components for code editing and visualization. It belongs to the Genesys UI component library and is built on top of the core package.

This package contains the following components:

Editor

Preview

The available components can be previewed in the Genesys UI Storybook. The Storybook includes a live preview of the components, as well as their documentation and code examples.

To visit the components comprised in this package, please refer to the Components > Code section of the Storybook.

Installation

To install the package, run the following command:

npm install @devoinc/genesys-ui-code

This package needs genesys-ui to work. If you don't have it already, you can install it with the following command:

npm install @devoinc/genesys-ui

Note: Make sure you have followed the Installation steps in the Storybook of the repository before installing the package. This will ensure that you have all the necessary dependencies and stylesheets in place.

Usage

Importing the genesys-ui-code package into your project will give you access to all of the components and utilities that are available in the library.

Using a component is as simple as adding the import, and using it in your code.

// MyView.tsx

import { Editor } from '@devoinc/genesys-ui-code';

export const MyEditor = () => <Editor />;

Development

Please refer to the main README for information on how to contribute to the library.