@occmundial/occ-atomic NPM

OCC-Atomic

To see the live version and demo of this project click here: https://occmundial.github.io/occ-atomic

This library contains a collection of shareable styled React components, ready to use for the applications developed by OCC.

OCC-Atomic uses the concept of Atomic Design, in which the components are conceived starting for an atomic component, the simplest element, with no sub-components needed to work.

The Atomic Design's model states 5 stages for componentes:

Atoms
Molecules
Organisms
Templates
Pages

Templates and Pages are the result of the application of the other 3 above. So the library consists of Atoms, Molecules and Organisms. It also includes another 'level', called in this library Subatomic.

Describing each level

Subatomic

Subatomic, which is not an original part of the Atomic Design, is the concept used in this library to refer to 'libraries' that in a way constitute the Atoms. This is, sets of colors, fonts, icons, etc. Basically, they are a set of constants.

Atoms (Elements)

OCC-Atomic refers to Atoms as Elements. The Elements are usually React components with a few html tags, and don't depend on other components. These are the most flexible components, being so simple, are not attached to any specific use case.

Molecules

The Molecules are components which can be created using combinations of Elements and/or another Molecules. They are still pretty flexible.

Organisms

These components usually have a more specific use case. They are a section of the template. Organisms are created combining Elements and Molecules.

Instalation and usage

To install this library, use the next command:

npm install --save @occmundial/occ-atomic

To use its components, you just have to import them like this:

import { Button } from '@occmundial/occ-atomic';

For more details, check how to implement each component:

@floating-ui/react class-autobind hex-rgba idx jquery lodash natives react-jss react-text-mask react-waypoint unorm

@everything-registry/sub-chunk-675 @infinitebrahmanuniverse/nolb-_oc @occmundial/recruiters-atomic-library

1 day ago

9 days ago

13 days ago

13 days ago

13 days ago

13 days ago

12 days ago

14 days ago

16 days ago

19 days ago

19 days ago

1 month ago

1 month ago

21 days ago

21 days ago

6 months ago

8 months ago

9 months ago

7 months ago

7 months ago

7 months ago

6 months ago

6 months ago

12 months ago

11 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year 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

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

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago