1.1.0 • Published 6 months ago

@equinor/fusion-wc-ripple v1.1.0

Weekly downloads
-
License
ISC
Repository
-
Last release
6 months ago

fusion-wc-ripple Published on npm

Storybook

Installation

npm install @equinor/fusion-wc-ripple

Ripple <fwc-ripple>

Properties/Attributes

NameTypeDefaultDescription
primarybooleanfalseWhen true, sets the ripple color to --mdc-theme-primary. Will be overridden by --mdc-ripple-color if set.
accentbooleanfalseWhen true, sets the ripple color to --mdc-theme-secondary. Will be overridden by --mdc-ripple-color if set.
unboundedbooleanfalseWhen true, the ripple will flow outside the component in a circle.
activatedbooleanfalseSet true when the container of the ripple should be in an activated state.
selectedbooleanfalseSet true when the container of the ripple should be in a selected state.
disabledbooleanfalseSet true to disable the ripple when the container of the ripple is disabled.

Methods

NameDescription
startPress(event?: Event) => voidBegin the press state of the ripple. Optional Event will be used to determine the beginning coordinates of the ripple animation when unbounded is false.
endPress() => voidEnd the press state of the ripple.
startFocus() => voidBegin the focus state of the ripple.
endFocus() => voidEnd the focus state of the ripple.
startHover() => voidBegin the hover state of the ripple.
endHover() => voidEnd the hover state of the ripple.
1.1.0

6 months ago

1.0.0

8 months ago

0.2.21

8 months ago

0.2.20

8 months ago

0.2.20-next.0

8 months ago

0.2.20-next.1

8 months ago

0.2.19

11 months ago

0.2.18

1 year ago

0.2.17

1 year ago

0.2.16

1 year ago

0.2.15

2 years ago

0.2.14

2 years ago

0.2.13

2 years ago

0.2.12

2 years ago

0.2.11

2 years ago

0.2.10

2 years ago

0.2.9

2 years ago

0.2.8

2 years ago

0.2.7

3 years ago

0.2.6

3 years ago

0.2.5

3 years ago

0.2.3

3 years ago

0.2.2

3 years ago

0.2.1

3 years ago

0.2.0

3 years ago