1.1.1 • Published 11 months ago

@omnedia/ngx-word-rotation v1.1.1

Weekly downloads
-
License
MIT
Repository
github
Last release
11 months ago

ngx-word-rotation

@omnedia/ngx-word-rotation is an Angular library designed to facilitate word rotation animations within Angular applications.

Features

  • Rotate words within your Angular application.
  • Easily customizable.

Installation

Install the library using npm:

npm install @omnedia/ngx-word-rotation

Usage

Import the NgxWordRotationComponent in your Angular module:

import { NgxWordRotationComponent } from '@omnedia/ngx-word-rotation';

@Component({
  ...
  imports: [
    ...
    NgxWordRotationComponent,
  ],
  ...
})

Use the component in your template:

<om-word-rotation [words]="['Hello', 'World']"></om-word-rotation>

API

<om-word-rotation
  [words]="words"
  [reverseAnimation]="reverseAnimation"
  [wordDelay]="wordDelay"
  [enterDelay]="enterDelay"
  styleClass="your-custom-class"
></om-word-rotation>

Starts the word rotation effect.

  • words: An array of strings to be animated.
  • reverseAnimation: (optional): Reverses the animation direction. Default is false.
  • wordDelay: (optional): The delay between the animation to the next word / how long a word stays in milliseconds. Default is 2500.
  • enterDelay: (optional): The animation delay for the entering word in milliseconds. Default is 200.
  • styleClass: (optional): Add a class to the <div> wrapper tag.

Contributing

Contributions are welcome. Please submit a pull request or open an issue to discuss your ideas.

License

This project is licensed under the MIT License.

For more information, visit the GitHub repository

1.1.1

11 months ago

1.1.0

11 months ago

1.0.0

1 year ago