wa_animation: Create a 'wa-animation' component
In shiny.webawesome: 'shiny' Bindings for 'Web Awesome' Components

wa_animation

R Documentation

Create a `wa-animation` component

Description

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

Usage

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.