Ripple QML Type | Fluid Reference Documentation

- Fluid Reference Documentation
- Fluid 1.0.0

# Ripple QML Type

Represents a Material Design ripple ink animation used in various touchable components. More...

Import Statement: | import Fluid.Controls 1.0

- List of all members, including inherited members

## Properties

- centered : bool
- circular : bool
- color : color
- control : Item
- focusColor : color
- focusWidth : int
- focused : bool

## Detailed Description

This component is useful for including in Material Design-specific components, which should be implemented using the +material file selector. Eventually this should be upstreamed to QtQuick Controls 2.

For more information you can read the Material Design guidelines.

## Property Documentation

centered : bool

Set to `true` if the ripple should be centered regardless of where the mouse/touch input came from.

circular : bool

Set to `true` if the ripple is used on a circular component, such as a button in an action bar or a floating action button.

color : color

The color of the ripple. Defaults to black with 12% opacity.

control : Item

Control that that needs the ripple effect.

focusColor : color

The color of the focus ripple. Also used to determine the color of the focus background behind the ripple.

See also Ripple::focused.

focusWidth : int

The width of the focus ripple.

See also Ripple::focused.

focused : bool

Set to `true` if the component is focused and should display a focus ripple.