essential-components v0.0.25

ESSENTIAL-COMPONENTS

GUIDE TO USE

FOR

<ul>
  <For list={['a', 'b', 'c']} each={(el, key) => <li key={key}>{el}</li>} />
</ul>

IF

<If condition={count > 0}>
  <p>TRUE</p>
</If>

IF-ELSE

<If condition={count > 0} otherwise={<p>FALSE</p>}>
  <p>TRUE</p>
</If>

TEST

const test = {
  test1: 'test1',
  test2: 'test2',
  test3: 'test3',
  test4: 'test4',
  test5: 'test5',
  test6: 'test6',
}
<Test data={test}/>

/*
OUTPUT BROWSER:
{
  test1: 'test1',
  test2: 'test2',
  test3: 'test3',
  test4: 'test4',
  test5: 'test5',
  test6: 'test6',
}
*/

CLASSNAMES

<div
  classNames={classNames([
    'flex',
    'justify-content-cente',
    'align-items-center',
  ])}
>
  ...
</div>

IMPORT TO REACT COMPONENTS

import { If, For, Test, classNames } from 'essential-components/Components'

INSTALL

npm i essential-components