# Create a `wa-animation` component

Generated wrapper for the Web Awesome `wa-animation` component.
Generated from Web Awesome metadata.

## Usage

``` r
wa_animation(
  ...,
  id = NULL,
  class = NULL,
  style = NULL,
  name = NULL,
  delay = NULL,
  dir = NULL,
  direction = NULL,
  duration = NULL,
  easing = NULL,
  end_delay = NULL,
  fill = NULL,
  iteration_start = NULL,
  iterations = NULL,
  lang = NULL,
  play = NULL,
  playback_rate = NULL
)
```

## Arguments

- ...:

  Child content for the component's default slot.

- id:

  Optional DOM id attribute for HTML, CSS, and JS targeting.

- class:

  Optional CSS class string.

- style:

  Optional inline CSS style string.

- name:

  String. Default: `none`. The name of the built-in animation to use.
  For custom animations, use the `keyframes` prop.

- delay:

  Number. Default: `0`. The number of milliseconds to delay the start of
  the animation.

- dir:

  String. Optional Web Awesome attribute.

- direction:

  Default: `'normal'`. Determines the direction of playback as well as
  the behavior when reaching the end of an iteration. Learn more

- duration:

  Number. Default: `1000`. The number of milliseconds each iteration of
  the animation takes to complete.

- easing:

  String. Default: `linear`. The easing function to use for the
  animation. This can be a Web Awesome easing function or a custom
  easing function such as `cubic-bezier(0, 1, .76, 1.14)`.

- end_delay:

  Number. Default: `0`. The number of milliseconds to delay after the
  active period of an animation sequence.

- fill:

  Default: `'auto'`. Sets how the animation applies styles to its target
  before and after its execution.

- iteration_start:

  Number. Default: `0`. The offset at which to start the animation,
  usually between 0 (start) and 1 (end).

- iterations:

  Number. Default: `Infinity`. The number of iterations to run before
  the animation completes. Defaults to `Infinity`, which loops.

- lang:

  String. Optional Web Awesome attribute.

- play:

  Boolean. Default: `FALSE`. Plays the animation. When omitted, the
  animation will be paused. This attribute will be automatically removed
  when the animation finishes or gets canceled.

- playback_rate:

  Number. Default: `1`. Sets the animation's playback rate. The default
  is `1`, which plays the animation at a normal speed. Setting this to
  `2`, for example, will double the animation's speed. A negative value
  can be used to reverse the animation. This value can be changed
  without causing the animation to restart.

## Value

An HTML tag for the component.

## Shiny Bindings

None.