feat(all): add shadow parts to missing components (#21436)

This commit is contained in:
Brandy Carney
2020-06-10 09:58:33 -04:00
committed by GitHub
parent df408f91f1
commit 17375d2325
26 changed files with 162 additions and 22 deletions

View File

@ -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 |

View File

@ -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>