javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-16 10:01:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(range): add range pin CSS custom properties (#19537)

Browse Source
This commit is contained in:
Nick Stucko
2019-10-07 10:02:47 -06:00
committed by Brandy Carney
parent 3050e9fe88
commit aed2dba5aa
3 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/api.txt
View File

@ -881,6 +881,8 @@ ion-range,css-prop,--knob-background
ion-range,css-prop,--knob-border-radius ion-range,css-prop,--knob-border-radius
ion-range,css-prop,--knob-box-shadow ion-range,css-prop,--knob-box-shadow
ion-range,css-prop,--knob-size ion-range,css-prop,--knob-size
ion-range,css-prop,--pin-background
ion-range,css-prop,--pin-color
ion-refresher,none ion-refresher,none
ion-refresher,prop,closeDuration,string,'280ms',false,false ion-refresher,prop,closeDuration,string,'280ms',false,false

2
core/src/components/range/range.scss
View File

@ -14,6 +14,8 @@
* @prop --knob-border-radius: Border radius of the range knob * @prop --knob-border-radius: Border radius of the range knob
* @prop --knob-box-shadow: Box shadow of the range knob * @prop --knob-box-shadow: Box shadow of the range knob
* @prop --knob-size: Size of the range knob * @prop --knob-size: Size of the range knob
* @prop --pin-background: Background of the range pin
* @prop --pin-color: Color of the range pin
*/ */
--knob-handle-size: calc(var(--knob-size) * 2); --knob-handle-size: calc(var(--knob-size) * 2);

2
core/src/components/range/readme.md
View File

@ -233,6 +233,8 @@ export default {
| `--knob-border-radius` | Border radius of the range knob | | `--knob-border-radius` | Border radius of the range knob |
| `--knob-box-shadow` | Box shadow of the range knob | | `--knob-box-shadow` | Box shadow of the range knob |
| `--knob-size` | Size of the range knob | | `--knob-size` | Size of the range knob |
| `--pin-background` | Background of the range pin |
| `--pin-color` | Color of the range pin |
---------------------------------------------- ----------------------------------------------