Ubilabs UI Components

Styled UI components for Ubilabs demo cases and other internal projects written in React.

Table of Contents

• Requirements
• Usage

Requirements

To use the React components, you need to have React 16.8.0 or later installed.

Usage

1. Package installation

Install the Ubilabs UI components package

npm install --save @ubilabs/ubilabs-ui-components

2. Integration

2.1. Integrate the styles into your project

Import the CSS file in your application.

import '@ubilabs/ubilabs-ui-components/dist/index.css';

2.2. Integrate a component into your React project

import React from 'react';
import {Button} from '@ubilabs/ubilabs-ui-components';
import '@ubilabs/ubilabs-ui-components/dist/index.css';

const MyComponent = () => {
  return (...)
    <Button>Hello World!</Button>
  (...);
};

3. Adjust the styles if needed

You can adjust the styles by overwriting the CSS variables of the Ubilabs UI components package in :root. Just make sure your CSS file is embedded after the @ubilabs/ubilabs-ui-components/dist/index.css.