1.8.1 • Published 2 years ago

@finastra/switch v1.8.1

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

Switch

See it on NPM! How big is this package in your project? Storybook

fds-switch toggles the state of a single setting on or off.

It extends Material web's mwc-switch-base

Usage

Import

npm i @finastra/switch
import '@finastra/switch';
...
<fds-switch selected></fds-switch>

API

Properties

PropertyAttributeModifiersTypeDefaultDescription
ariaLabelstring
ariaLabelledBystring
disableddisabledbooleanfalseIndicates whether or not the switch is disabled.
namestring
processingbooleanIndicates whether or not the switch is processing and showing a loadingindicator. A disabled switch cannot be processing.
ripplereadonlyPromise<Ripple \| null>Implement ripple getter for Ripple integration with mwc-formfield
selectedselectedbooleanfalseIf true, the switch is on. If false, the switch is off.
stylesCSSResult[]"styles"
valuestring

Methods

MethodType
click(): void

CSS Custom Properties

PropertyTypeDefaultDescription
--fds-primarycolor"#694ED6"Switch color
--fds-track-opacitycolor0.54Track color opacity
1.8.1

2 years ago

1.8.0

2 years ago

1.7.0

2 years ago

1.6.0

2 years ago

1.4.2

2 years ago

1.4.1

2 years ago

1.4.0

2 years ago

1.5.0

2 years ago

1.3.0

2 years ago

1.2.8

3 years ago

1.2.7

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.2.1

3 years ago

1.2.12

3 years ago

1.2.13

3 years ago

1.2.10

3 years ago

1.2.11

3 years ago

1.2.16

3 years ago

1.2.17

2 years ago

1.2.14

3 years ago

1.2.15

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.1.3

3 years ago

1.1.2

3 years ago

1.2.9

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago

0.0.42

3 years ago

0.0.44

3 years ago

1.0.3

3 years ago

0.0.40

3 years ago

0.0.41

3 years ago

0.0.32

3 years ago

0.0.33

3 years ago

0.0.34

3 years ago

0.0.35

3 years ago

0.0.36

3 years ago

0.0.37

3 years ago

0.0.38

3 years ago

0.0.39

3 years ago

0.0.30

3 years ago

0.0.31

3 years ago

0.0.29

3 years ago

0.0.26

3 years ago

0.0.27

3 years ago

0.0.28

3 years ago

0.0.25

3 years ago

0.0.23

3 years ago

0.0.24

3 years ago

0.0.22

3 years ago

0.0.21

3 years ago