mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 08:09:32 +08:00
feat(base-components): add ability to remove ios and md theme (#26669)
This commit is contained in:
@ -2,13 +2,14 @@ import type { ComponentInterface, EventEmitter } from '@stencil/core';
|
||||
import { Component, Element, Event, Host, Listen, Prop, h } from '@stencil/core';
|
||||
|
||||
import { config } from '../../global/config';
|
||||
import { getIonMode } from '../../global/ionic-global';
|
||||
import { getIonStylesheet } from '../../global/ionic-global';
|
||||
import type { TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout } from '../../interface';
|
||||
import type { AnchorInterface } from '../../utils/element-interface';
|
||||
import type { Attributes } from '../../utils/helpers';
|
||||
import { inheritAttributes } from '../../utils/helpers';
|
||||
|
||||
/**
|
||||
* @virtualProp {true | false} useBase - useBase determines if base components is enabled.
|
||||
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
||||
*
|
||||
* @part native - The native HTML anchor element that wraps all child elements.
|
||||
@ -16,6 +17,7 @@ import { inheritAttributes } from '../../utils/helpers';
|
||||
@Component({
|
||||
tag: 'ion-tab-button',
|
||||
styleUrls: {
|
||||
base: 'tab-button.scss',
|
||||
ios: 'tab-button.ios.scss',
|
||||
md: 'tab-button.md.scss',
|
||||
},
|
||||
@ -134,7 +136,7 @@ export class TabButton implements ComponentInterface, AnchorInterface {
|
||||
|
||||
render() {
|
||||
const { disabled, hasIcon, hasLabel, href, rel, target, layout, selected, tab, inheritedAttributes } = this;
|
||||
const mode = getIonMode(this);
|
||||
const mode = getIonStylesheet(this);
|
||||
const attrs = {
|
||||
download: this.download,
|
||||
href,
|
||||
|
||||
Reference in New Issue
Block a user