mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-15 09:34:19 +08:00
test(e2e): force roboto font on all systems (#15993)
This commit is contained in:
@ -19,6 +19,15 @@ aliases:
|
||||
paths:
|
||||
- core/node_modules
|
||||
|
||||
- &restore-cache-core-stencil
|
||||
keys:
|
||||
- stencil-cache-1
|
||||
|
||||
- &save-cache-core-stencil
|
||||
key: stencil-cache-1
|
||||
paths:
|
||||
- core/.stencil
|
||||
- core/screenshot/images
|
||||
|
||||
defaults: &defaults
|
||||
docker:
|
||||
@ -45,6 +54,7 @@ jobs:
|
||||
- attach_workspace:
|
||||
at: /tmp/workspace
|
||||
- restore_cache: *restore-cache-core
|
||||
- restore_cache: *restore-cache-core-stencil
|
||||
- run:
|
||||
command: npm install
|
||||
working_directory: /tmp/workspace/core
|
||||
@ -52,6 +62,7 @@ jobs:
|
||||
- run:
|
||||
command: npm run build # --max-workers 1 --debug
|
||||
working_directory: /tmp/workspace/core
|
||||
- save_cache: *save-cache-core-stencil
|
||||
- persist_to_workspace:
|
||||
root: /tmp/workspace
|
||||
paths:
|
||||
@ -106,7 +117,7 @@ jobs:
|
||||
at: /tmp/workspace
|
||||
- run:
|
||||
name: Run Screenshot
|
||||
command: npx stencil test --e2e --screenshot --screenshot-connector=scripts/screenshot/ci.js --ci --runInBand || true
|
||||
command: npx stencil test --e2e --screenshot --screenshot-connector=scripts/screenshot/ci.js --ci || true
|
||||
working_directory: /tmp/workspace/core
|
||||
|
||||
test-core-screenshot-master:
|
||||
@ -117,7 +128,7 @@ jobs:
|
||||
at: /tmp/workspace
|
||||
- run:
|
||||
name: Run Screenshot
|
||||
command: npx stencil test --e2e --screenshot --screenshot-connector=scripts/screenshot/ci.js --ci --runInBand --update-screenshot || true
|
||||
command: npx stencil test --e2e --screenshot --screenshot-connector=scripts/screenshot/ci.js --ci --update-screenshot || true
|
||||
working_directory: /tmp/workspace/core
|
||||
|
||||
workflows:
|
||||
|
@ -30,7 +30,7 @@
|
||||
"ionicons": "4.4.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@stencil/core": "0.14.1-1",
|
||||
"@stencil/core": "0.14.1",
|
||||
"@stencil/sass": "0.1.1",
|
||||
"@stencil/utils": "latest",
|
||||
"@types/jest": "^23.3.1",
|
||||
|
@ -1,15 +0,0 @@
|
||||
{
|
||||
const getStyles = () => {
|
||||
const tag = document.createElement('style');
|
||||
tag.textContent = `
|
||||
:root {
|
||||
--ion-font-family: Arial;
|
||||
}
|
||||
`;
|
||||
return tag;
|
||||
};
|
||||
|
||||
if (window.location.search.indexOf('ionic:_testing=true') > -1) {
|
||||
document.head.appendChild(getStyles());
|
||||
}
|
||||
}
|
11
core/scripts/testing/styles.css
Normal file
11
core/scripts/testing/styles.css
Normal file
File diff suppressed because one or more lines are too long
@ -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>
|
||||
|
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user