1.1.3 • Published 1 year ago

beating-heart-icon v1.1.3

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

Beating Heart Icon

A customizable React component that displays a beating heart icon. The component allows you to change the size, color, fill style, and animation speed.

Installation

npm\ npm install beating-heart-icon\ or using yarn\ yarn add beating-heart-icon

Usage

import React from 'react';
import BeatingHeartIcon from 'beating-heart-icon';

const App: React.FC = () => {
  return (
    <div>
      <BeatingHeartIcon size={50} color="red" filled animationSpeed={500} />
      <BeatingHeartIcon size={75} color="blue" animationSpeed={1000} />
      <BeatingHeartIcon size={100} color="green" filled animationSpeed={1500} />
    </div>
  );
};

export default App;

Props

PropTypeDefaultDescription
sizenumber50The width and height of the icon in pixels.
colorstring'red'The color of the heart icon.
filledbooleanfalseWhether the heart icon should be filled or outlined.
animationSpeednumber500The speed of the beating animation in milliseconds (between 150 and 1000).

License

MIT

1.1.3

1 year ago

1.1.2

1 year ago

1.1.1

1 year ago

1.1.0

1 year ago

1.0.0

1 year ago