VueFlux

FluxVortex

Description

Image component made of concentric circles.

Attributes

circles

The number of circles the vortex will be made of.

  • Type: Number
  • Required: false
  • Default: 1

image

The URL of the image to be displayed.

  • Type: String
  • Required: true

size

This size is the width and height in pixels that the component will have.

The image will be scaled and positioned to cover this size.

  • Type: Object
  • Required: true
  • Schema:
{
   width: Number,
   height: Number,
}

css

Object with CSS styles in camel case to apply to component.

  • Type: Object
  • Required: false

tile-css

Object with CSS styles in camel case to be applied to all tiles.

  • Type: Object
  • Required: false

Methods

setCss(css)

Set CSS styles to the image.

  • css
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object

transform(css)

Sets the CSS styles to be transformed to within a transition.

  • css
    • Description: an object with the CSS attributes in camel case and values.
    • Type: Object

show()

Show the image, setting visibility to visible.

hide()

Hide the image, setting visibility to hidden.