Create a wa-animation component — wa_animation • shiny.webawesome

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.

Value

An HTML tag for the component.

Shiny Bindings

None.