javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(base-components): add ability to remove ios and md theme (#26669)

Browse Source
This commit is contained in:
Liam DeBeasi
2023-01-24 16:18:35 -05:00
committed by GitHub
parent 4d24b328e2
commit 18f109c7da
114 changed files with 1585 additions and 383 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/range/range.tsx
View File

@ -1,7 +1,7 @@
import type { ComponentInterface, EventEmitter } from '@stencil/core';
import { Component, Element, Event, Host, Prop, State, Watch, h } from '@stencil/core';
import { getIonMode } from '../../global/ionic-global';
import { getIonStylesheet } from '../../global/ionic-global';
import type {
Color,
Gesture,
@ -27,6 +27,7 @@ import type { PinFormatter } from './range-interface';
// TODO(FW-2832): types
/**
* @virtualProp {true | false} useBase - useBase determines if base components is enabled.
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
*
* @slot label - The label text to associate with the range. Use the "labelPlacement" property to control where the label is placed relative to the range.
@ -43,6 +44,7 @@ import type { PinFormatter } from './range-interface';
@Component({
tag: 'ion-range',
styleUrls: {
base: 'range.scss',
ios: 'range.ios.scss',
md: 'range.md.scss',
},
@ -578,7 +580,7 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
const { el, pressedKnob, disabled, pin, rangeId } = this;
const mode = getIonMode(this);
const mode = getIonStylesheet(this);
renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
@ -606,7 +608,7 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
private renderRange() {
const { disabled, el, rangeId, pin, pressedKnob, labelPlacement } = this;
const mode = getIonMode(this);
const mode = getIonStylesheet(this);
renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);