mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
feat(all): add shadow parts to missing components (#21436)
This commit is contained in:
@ -232,6 +232,13 @@ export class TabButtonExample {
|
||||
| `target` | `target` | Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`. | `string \| undefined` | `undefined` |
|
||||
|
||||
|
||||
## Shadow Parts
|
||||
|
||||
| Part | Description |
|
||||
| ---------- | ------------------------------------------------------------- |
|
||||
| `"native"` | The native HTML anchor element that wraps all child elements. |
|
||||
|
||||
|
||||
## CSS Custom Properties
|
||||
|
||||
| Name | Description |
|
||||
|
@ -7,6 +7,8 @@ import { AnchorInterface } from '../../utils/element-interface';
|
||||
|
||||
/**
|
||||
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
||||
*
|
||||
* @part native - The native HTML anchor element that wraps all child elements.
|
||||
*/
|
||||
@Component({
|
||||
tag: 'ion-tab-button',
|
||||
@ -161,7 +163,7 @@ export class TabButton implements ComponentInterface, AnchorInterface {
|
||||
'ion-focusable': true
|
||||
}}
|
||||
>
|
||||
<a {...attrs} tabIndex={-1} class="button-native">
|
||||
<a {...attrs} tabIndex={-1} class="button-native" part="native">
|
||||
<span class="button-inner">
|
||||
<slot></slot>
|
||||
</span>
|
||||
|
Reference in New Issue
Block a user