Getting Started

OverviewInstallation

Contributing

Steps

#mergeClassNames

Dynamic classes in the easiest way possible.



#Usage


#Example 1

import { mergeClassNames } from '@hitechline/reactools';
import { useState } from 'react';

const Component = () => {
  const [active, setActive] = useState(false);

  return (
    <div
      className={mergeClassNames('flex', {
        active,
        open: active,
      })}
    >
      Component
    </div>
  );
};


#Example 2

import { mergeClassNames } from '@hitechline/reactools';
import { useState } from 'react';

const Component = ({ className }) => {
  const [active, setActive] = useState(false);

  return (
    <div
      className={mergeClassNames(
        'flex',
        {
          active,
          open: active,
        },
        className,
        {
          foo: true,
        },
        'bar',
      )}
    >
      Component
    </div>
  );
};