React Wobble Words

A cool a simple way to wobble each word on mouseEnter event. See a live demo on my website: roberttodar.com

Installation

npm i @todar/react-wobble-words

Javascript Instantiation

import React from "react";
import WobbleWords from "@todar/react-wobble-words";

const App = () => {
  return (
    <div className="App">
      <WobbleWords>Each word should wobble on mouseEnter</WobbleWords>
    </div>
  );
};

Props

| Prop Name | Type | Default | Description | | ----------- | ------ | ------- | ------------------------------------------------ | | children | String | | Text to be displayed within the root element. | | wordSpacing | String | .4em | Adjusts margin since elements are inline-block |