Sliced text React component

О компоненте

Этот компонент - это переделка под Реакт шаблона, сделанного Анной Тюдор (https://codepen.io/thebabydino/pen/GRaKbZo).
Эффект разрезанного текста выполнен с помощью реализованных в svg фильтров и css.
Фон текста необходимо будет подкорректировать в css под Ваши нужды.

Как применять

Копируйте целиком SlicedText из директории components в свой проект и импортируйте компонент.

import SlicedText from 'path/to/your/components/SlicedText';

const MyComponent = () => {
  return (
    <>
      <SlicedText text={myText} size="md" />

      {/*Other components */}
    </>
  );
}

API компонента