@marketgoo/ola NPM

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

Storybook

Field

Icon

Input

Level

Metric

Modal

Panel

ProgressBar

ProgressCircle

SearchField

Select

Spinner

Switch

Table

Task

TaskGroup

Storybook

Tooltip

Other Utilities

CSS classes with design tokens: Storybook
CSS classes with common layouts: Storybook

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

Please see CHANGELOG for more information about recent changes.

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

react design-system ola component-library

@phosphor-icons/react classnames dialog-polyfill react-hook-form react-select

@infinitebrahmanuniverse/nolb-_mark @everything-registry/sub-chunk-581 @zalastax/nolb-_mark

8 months ago

7 months ago

7 months ago

8 months ago

9 months ago

8 months ago

7 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

11 months ago

12 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

@marketgoo/ola v2.4.1

Install

Usage

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