mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
test(e2e): force roboto font on all systems (#15993)
This commit is contained in:
@@ -34,14 +34,14 @@ A button's `role` property can either be `destructive` or `cancel`. Buttons with
|
||||
|
||||
## Events
|
||||
|
||||
| Event | Description |
|
||||
| --------------------------- | --------------------------------------- |
|
||||
| `ionActionSheetDidDismiss` | Emitted after the alert has dismissed. |
|
||||
| `ionActionSheetDidLoad` | Emitted after the alert has loaded. |
|
||||
| `ionActionSheetDidPresent` | Emitted after the alert has presented. |
|
||||
| `ionActionSheetDidUnload` | Emitted after the alert has unloaded. |
|
||||
| `ionActionSheetWillDismiss` | Emitted before the alert has dismissed. |
|
||||
| `ionActionSheetWillPresent` | Emitted before the alert has presented. |
|
||||
| Event | Detail | Description |
|
||||
| --------------------------- | ------------------ | --------------------------------------- |
|
||||
| `ionActionSheetDidDismiss` | OverlayEventDetail | Emitted after the alert has dismissed. |
|
||||
| `ionActionSheetDidLoad` | | Emitted after the alert has loaded. |
|
||||
| `ionActionSheetDidPresent` | | Emitted after the alert has presented. |
|
||||
| `ionActionSheetDidUnload` | | Emitted after the alert has unloaded. |
|
||||
| `ionActionSheetWillDismiss` | OverlayEventDetail | Emitted before the alert has dismissed. |
|
||||
| `ionActionSheetWillPresent` | | Emitted before the alert has presented. |
|
||||
|
||||
|
||||
## Methods
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Action Sheet - Alert From Action Sheet</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Action Sheet - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Action Sheet - Cancel Only</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Action Sheet - Custom CSS Class</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Action Sheet - Icons</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Action Sheet - No Backdrop Dismiss</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Action Sheet</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Action Sheet - Scroll Without Cancel</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Action Sheet - Scrollable Options</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Action Sheet - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Action Sheet - Translucent</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -45,14 +45,14 @@ Alerts can also include several different inputs whose data can be passed back t
|
||||
|
||||
## Events
|
||||
|
||||
| Event | Description |
|
||||
| --------------------- | --------------------------------------- |
|
||||
| `ionAlertDidDismiss` | Emitted after the alert has dismissed. |
|
||||
| `ionAlertDidLoad` | Emitted after the alert has presented. |
|
||||
| `ionAlertDidPresent` | Emitted after the alert has presented. |
|
||||
| `ionAlertDidUnload` | Emitted before the alert has presented. |
|
||||
| `ionAlertWillDismiss` | Emitted before the alert has dismissed. |
|
||||
| `ionAlertWillPresent` | Emitted before the alert has presented. |
|
||||
| Event | Detail | Description |
|
||||
| --------------------- | ------------------ | --------------------------------------- |
|
||||
| `ionAlertDidDismiss` | OverlayEventDetail | Emitted after the alert has dismissed. |
|
||||
| `ionAlertDidLoad` | | Emitted after the alert has presented. |
|
||||
| `ionAlertDidPresent` | | Emitted after the alert has presented. |
|
||||
| `ionAlertDidUnload` | | Emitted before the alert has presented. |
|
||||
| `ionAlertWillDismiss` | OverlayEventDetail | Emitted before the alert has dismissed. |
|
||||
| `ionAlertWillPresent` | | Emitted before the alert has presented. |
|
||||
|
||||
|
||||
## Methods
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Alert - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Alert</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Alert - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Alert - Translucent</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Anchor - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Anchor - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body padding>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>App - Cordova</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
<script type="text/javascript">
|
||||
window.Ionic.config = { statusbarPadding: true };
|
||||
</script>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Avatar - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Avatar</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Avatar - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body padding>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Back Button</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body onload="loadFirstPage()">
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Back Button</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
<script>
|
||||
class PageOne extends HTMLElement {
|
||||
connectedCallback() {
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Back Button</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body onload="loadFirstPage()">
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Back Button</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -17,9 +17,9 @@ Backdrops are full screen components that overlay other components. They are use
|
||||
|
||||
## Events
|
||||
|
||||
| Event | Description |
|
||||
| ---------------- | ------------------------------------ |
|
||||
| `ionBackdropTap` | Emitted when the backdrop is tapped. |
|
||||
| Event | Detail | Description |
|
||||
| ---------------- | ------ | ------------------------------------ |
|
||||
| `ionBackdropTap` | | Emitted when the backdrop is tapped. |
|
||||
|
||||
|
||||
----------------------------------------------
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Badge - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Badge</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Badge - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body padding>
|
||||
|
||||
@@ -55,10 +55,10 @@ This attribute specifies the size of the button. Setting this attribute will cha
|
||||
|
||||
## Events
|
||||
|
||||
| Event | Description |
|
||||
| ---------- | ------------------------------------ |
|
||||
| `ionBlur` | Emitted when the button loses focus. |
|
||||
| `ionFocus` | Emitted when the button has focus. |
|
||||
| Event | Detail | Description |
|
||||
| ---------- | ------ | ------------------------------------ |
|
||||
| `ionBlur` | | Emitted when the button loses focus. |
|
||||
| `ionFocus` | | Emitted when the button has focus. |
|
||||
|
||||
|
||||
## CSS Custom Properties
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Button - Anchor</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Button - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Button - Clear</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Button - Expand</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Button - Form</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Button - Icon</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Button - Outline</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Button</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Button - Round</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Button - Size</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Button - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Button - Strong</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Button - Toolbar</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Buttons - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Card Header - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Card - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Card</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Card - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Card - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -22,12 +22,12 @@ Checkboxes allow the selection of multiple options from a set of options. They a
|
||||
|
||||
## Events
|
||||
|
||||
| Event | Description |
|
||||
| ----------- | ---------------------------------------------- |
|
||||
| `ionBlur` | Emitted when the toggle loses focus. |
|
||||
| `ionChange` | Emitted when the checked property has changed. |
|
||||
| `ionFocus` | Emitted when the toggle has focus. |
|
||||
| `ionStyle` | Emitted when the styles change. |
|
||||
| Event | Detail | Description |
|
||||
| ----------- | ----------------------- | ---------------------------------------------- |
|
||||
| `ionBlur` | | Emitted when the toggle loses focus. |
|
||||
| `ionChange` | CheckedInputChangeEvent | Emitted when the checked property has changed. |
|
||||
| `ionFocus` | | Emitted when the toggle has focus. |
|
||||
| `ionStyle` | StyleEvent | Emitted when the styles change. |
|
||||
|
||||
|
||||
## CSS Custom Properties
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Checkbox - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Checkbox</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Checkbox - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body padding>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Chip - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Chip</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
<title>Chip - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<h2>Text Chips</h2>
|
||||
|
||||
@@ -21,11 +21,11 @@ view component.
|
||||
|
||||
## Events
|
||||
|
||||
| Event | Description |
|
||||
| ---------------- | ------------------------------------------------------------------------------------------------ |
|
||||
| `ionScroll` | Emitted while scrolling. This event is disabled by default. Look at the property: `scrollEvents` |
|
||||
| `ionScrollEnd` | Emitted when the scroll has ended. |
|
||||
| `ionScrollStart` | Emitted when the scroll has started. |
|
||||
| Event | Detail | Description |
|
||||
| ---------------- | ---------------- | ------------------------------------------------------------------------------------------------ |
|
||||
| `ionScroll` | ScrollDetail | Emitted while scrolling. This event is disabled by default. Look at the property: `scrollEvents` |
|
||||
| `ionScrollEnd` | ScrollBaseDetail | Emitted when the scroll has ended. |
|
||||
| `ionScrollStart` | ScrollBaseDetail | Emitted when the scroll has started. |
|
||||
|
||||
|
||||
## Methods
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Content - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Content - Fullscreen</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Content</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
<title>Content - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="content-height">
|
||||
|
||||
@@ -271,7 +271,9 @@ export class Datetime implements ComponentInterface {
|
||||
{
|
||||
text: this.cancelText,
|
||||
role: 'cancel',
|
||||
handler: () => this.ionCancel.emit()
|
||||
handler: () => {
|
||||
this.ionCancel.emit();
|
||||
}
|
||||
},
|
||||
{
|
||||
text: this.doneText,
|
||||
|
||||
@@ -230,11 +230,11 @@ dates in JavaScript.
|
||||
|
||||
## Events
|
||||
|
||||
| Event | Description |
|
||||
| ----------- | --------------------------------------------------- |
|
||||
| `ionCancel` | Emitted when the datetime selection was cancelled. |
|
||||
| `ionChange` | Emitted when the value (selected date) has changed. |
|
||||
| `ionStyle` | Emitted when the styles change. |
|
||||
| Event | Detail | Description |
|
||||
| ----------- | ---------------- | --------------------------------------------------- |
|
||||
| `ionCancel` | | Emitted when the datetime selection was cancelled. |
|
||||
| `ionChange` | InputChangeEvent | Emitted when the value (selected date) has changed. |
|
||||
| `ionStyle` | StyleEvent | Emitted when the styles change. |
|
||||
|
||||
|
||||
## Methods
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Datetime - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Datetime</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Datetime - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -24,10 +24,10 @@ If the FAB button is not wrapped with `<ion-fab>`, it will scroll with the conte
|
||||
|
||||
## Events
|
||||
|
||||
| Event | Description |
|
||||
| ---------- | ------------------------------------ |
|
||||
| `ionBlur` | Emitted when the button loses focus. |
|
||||
| `ionFocus` | Emitted when the button has focus. |
|
||||
| Event | Detail | Description |
|
||||
| ---------- | ------ | ------------------------------------ |
|
||||
| `ionBlur` | | Emitted when the button loses focus. |
|
||||
| `ionFocus` | | Emitted when the button has focus. |
|
||||
|
||||
|
||||
## CSS Custom Properties
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Floating Action Button - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Floating Action Button - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Floating Action Button</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Floating Action Button - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Floating Action Button - Translucent</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Header - Translucent</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Grid - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Grid - Offsets</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Grid - Padding</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Grid</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Grid - Sizes</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Grid - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Header - Translucent</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Hide When - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Hide When</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Icon - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Icon - Items</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
<style>
|
||||
profile-modal {
|
||||
background: red;
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Icon</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Icon - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -16,9 +16,9 @@ Img is a tag that will lazily load an image when ever the tag is in the viewport
|
||||
|
||||
## Events
|
||||
|
||||
| Event | Description |
|
||||
| --------------- | ---------------------------------- |
|
||||
| `ionImgDidLoad` | Emitted when the img src is loaded |
|
||||
| Event | Detail | Description |
|
||||
| --------------- | ------ | ---------------------------------- |
|
||||
| `ionImgDidLoad` | | Emitted when the img src is loaded |
|
||||
|
||||
|
||||
----------------------------------------------
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Img - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Img - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body padding onLoad="render()">
|
||||
|
||||
@@ -26,9 +26,9 @@ Separating the `ion-infinite-scroll` and `ion-infinite-scroll-content` component
|
||||
|
||||
## Events
|
||||
|
||||
| Event | Description |
|
||||
| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
||||
| `ionInfinite` | Emitted when the scroll reaches the threshold distance. From within your infinite handler, you must call the infinite scroll's `complete()` method when your async operation has completed. |
|
||||
| Event | Detail | Description |
|
||||
| ------------- | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
||||
| `ionInfinite` | | Emitted when the scroll reaches the threshold distance. From within your infinite handler, you must call the infinite scroll's `complete()` method when your async operation has completed. |
|
||||
|
||||
|
||||
## Methods
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Infinite Scroll - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Infinite Scroll</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Infinite Scroll - Standalone</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/core.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Infinite Scroll - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -44,15 +44,15 @@ It is meant for text `type` inputs only, such as `"text"`, `"password"`, `"email
|
||||
|
||||
## Events
|
||||
|
||||
| Event | Description |
|
||||
| ------------------- | ---------------------------------------- |
|
||||
| `ionBlur` | Emitted when the input loses focus. |
|
||||
| `ionChange` | Emitted when the value has changed. |
|
||||
| `ionFocus` | Emitted when the input has focus. |
|
||||
| `ionInput` | Emitted when a keyboard input ocurred. |
|
||||
| `ionInputDidLoad` | Emitted when the input has been created. |
|
||||
| `ionInputDidUnload` | Emitted when the input has been removed. |
|
||||
| `ionStyle` | Emitted when the styles change. |
|
||||
| Event | Detail | Description |
|
||||
| ------------------- | -------------------- | ---------------------------------------- |
|
||||
| `ionBlur` | | Emitted when the input loses focus. |
|
||||
| `ionChange` | TextInputChangeEvent | Emitted when the value has changed. |
|
||||
| `ionFocus` | | Emitted when the input has focus. |
|
||||
| `ionInput` | KeyboardEvent | Emitted when a keyboard input ocurred. |
|
||||
| `ionInputDidLoad` | | Emitted when the input has been created. |
|
||||
| `ionInputDidUnload` | | Emitted when the input has been removed. |
|
||||
| `ionStyle` | StyleEvent | Emitted when the styles change. |
|
||||
|
||||
|
||||
## Methods
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Input - Attributes</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Input - Basic</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<title>Input</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<script src="/dist/ionic.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
||||
<script src="/scripts/screenshot/testing.js"></script>
|
||||
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user