Skip to content
This repository has been archived by the owner on Dec 20, 2023. It is now read-only.

marketgoo/Ola

Repository files navigation

maintenance-status

[DEPRECATED] Ola

‼️ This package has been deprecated in favor of the @marketgoo/components package.



logo Ola

React implementation of Ola design system created by marketgoo.

Install

npm i @marketgoo/ola

Usage

Import Ola styles in your document and add the ola class in the root of your app (usually the html element)

<html class="ola">
  <head>
    <!-- Your head content -->
    <link rel="stylesheet" href="./node_modules/@marketgoo/ola/dist/index.css">
  </head>

  <body>
    <!-- Your body content -->
  </body>
</html>

Import Ola components in your app

import { Button } from "@marketgoo/ola";

const Example = () => (
  <div>
    <Button variant="primary">My Button</Button>
  </div>
)

Available components

Accordion

Button

ButtonGroup

ButtonIcon

Check

CheckGroup

Field

Icon

Input

Level

Menu

Metric

Modal

Page

Panel

ProgressBar

ProgressCircle

SearchField

Select

Spinner

Switch

Table

Tag

Task

TaskGroup

Tooltip

Other Utilities

Browser support

This library was tested in the following browsers:

  • Mozilla Firefox (latests 2 versions)
  • Google Chrome (latests 2 versions)
  • Opera (latests 2 versions)
  • Microsoft Edge (latest 2 versions)
  • Apple Safari (from 12)
  • Apple Safari iOS (from 12)
  • Android Chrome (latests 2 versions)
  • Firefox for Android (latests 2 versions)
  • Internet Explorer is not supported
  • Microsoft Edge <= 18 is not supported

Tested with Browserstack

Browserstack logo


Please see CHANGELOG for more information about recent changes.

The MIT License (MIT). Please see LICENSE for more information.