mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-08 23:58:13 +08:00
fix(): update to Stencil One 🎉🎊
This commit is contained in:
@ -70,20 +70,19 @@ Label is a wrapper element that can be used in combination with `ion-item`, `ion
|
||||
|
||||
```tsx
|
||||
import React from 'react';
|
||||
import { IonLabel, IonItem, IonInput, IonToggle, IonCheckbox, IonContent } from '@ionic/react';
|
||||
|
||||
import { IonLabel, IonItem, IonInput, IonToggle, IonCheckbox } from '@ionic/react';
|
||||
|
||||
const Example: React.SFC<{}> = () => (
|
||||
<>
|
||||
export const LabelExample: React.FunctionComponent = () => (
|
||||
<IonContent>
|
||||
{/*-- Default Label --*/}
|
||||
<IonLabel>Label</IonLabel>
|
||||
<IonLabel>Label</IonLabel><br />
|
||||
|
||||
{/*-- Label Colors --*/}
|
||||
<IonLabel color="primary">Primary Label</IonLabel>
|
||||
<IonLabel color="secondary">Secondary Label</IonLabel>
|
||||
<IonLabel color="danger">Danger Label</IonLabel>
|
||||
<IonLabel color="light">Light Label</IonLabel>
|
||||
<IonLabel color="dark">Dark Label</IonLabel>
|
||||
<IonLabel color="primary">Primary Label</IonLabel><br />
|
||||
<IonLabel color="secondary">Secondary Label</IonLabel><br />
|
||||
<IonLabel color="danger">Danger Label</IonLabel><br />
|
||||
<IonLabel color="light">Light Label</IonLabel><br />
|
||||
<IonLabel color="dark">Dark Label</IonLabel><br />
|
||||
|
||||
{/*-- Item Labels --*/}
|
||||
<IonItem>
|
||||
@ -127,10 +126,8 @@ const Example: React.SFC<{}> = () => (
|
||||
<IonCheckbox slot="start" checked />
|
||||
<IonLabel>Checkbox</IonLabel>
|
||||
</IonItem>
|
||||
</>
|
||||
</IonContent>
|
||||
);
|
||||
|
||||
export default Example;
|
||||
```
|
||||
|
||||
|
||||
@ -211,6 +208,19 @@ export default Example;
|
||||
| `--color` | Color of the label |
|
||||
|
||||
|
||||
## Dependencies
|
||||
|
||||
### Used by
|
||||
|
||||
- ion-select-popover
|
||||
|
||||
### Graph
|
||||
```mermaid
|
||||
graph TD;
|
||||
ion-select-popover --> ion-label
|
||||
style ion-label fill:#f9f,stroke:#333,stroke-width:4px
|
||||
```
|
||||
|
||||
----------------------------------------------
|
||||
|
||||
*Built with [StencilJS](https://stenciljs.com/)*
|
||||
|
||||
Reference in New Issue
Block a user