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:
|
paths:
|
||||||
- core/node_modules
|
- 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
|
defaults: &defaults
|
||||||
docker:
|
docker:
|
||||||
@ -45,6 +54,7 @@ jobs:
|
|||||||
- attach_workspace:
|
- attach_workspace:
|
||||||
at: /tmp/workspace
|
at: /tmp/workspace
|
||||||
- restore_cache: *restore-cache-core
|
- restore_cache: *restore-cache-core
|
||||||
|
- restore_cache: *restore-cache-core-stencil
|
||||||
- run:
|
- run:
|
||||||
command: npm install
|
command: npm install
|
||||||
working_directory: /tmp/workspace/core
|
working_directory: /tmp/workspace/core
|
||||||
@ -52,6 +62,7 @@ jobs:
|
|||||||
- run:
|
- run:
|
||||||
command: npm run build # --max-workers 1 --debug
|
command: npm run build # --max-workers 1 --debug
|
||||||
working_directory: /tmp/workspace/core
|
working_directory: /tmp/workspace/core
|
||||||
|
- save_cache: *save-cache-core-stencil
|
||||||
- persist_to_workspace:
|
- persist_to_workspace:
|
||||||
root: /tmp/workspace
|
root: /tmp/workspace
|
||||||
paths:
|
paths:
|
||||||
@ -106,7 +117,7 @@ jobs:
|
|||||||
at: /tmp/workspace
|
at: /tmp/workspace
|
||||||
- run:
|
- run:
|
||||||
name: Run Screenshot
|
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
|
working_directory: /tmp/workspace/core
|
||||||
|
|
||||||
test-core-screenshot-master:
|
test-core-screenshot-master:
|
||||||
@ -117,7 +128,7 @@ jobs:
|
|||||||
at: /tmp/workspace
|
at: /tmp/workspace
|
||||||
- run:
|
- run:
|
||||||
name: Run Screenshot
|
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
|
working_directory: /tmp/workspace/core
|
||||||
|
|
||||||
workflows:
|
workflows:
|
||||||
|
@ -30,7 +30,7 @@
|
|||||||
"ionicons": "4.4.6"
|
"ionicons": "4.4.6"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@stencil/core": "0.14.1-1",
|
"@stencil/core": "0.14.1",
|
||||||
"@stencil/sass": "0.1.1",
|
"@stencil/sass": "0.1.1",
|
||||||
"@stencil/utils": "latest",
|
"@stencil/utils": "latest",
|
||||||
"@types/jest": "^23.3.1",
|
"@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
|
## Events
|
||||||
|
|
||||||
| Event | Description |
|
| Event | Detail | Description |
|
||||||
| --------------------------- | --------------------------------------- |
|
| --------------------------- | ------------------ | --------------------------------------- |
|
||||||
| `ionActionSheetDidDismiss` | Emitted after the alert has dismissed. |
|
| `ionActionSheetDidDismiss` | OverlayEventDetail | Emitted after the alert has dismissed. |
|
||||||
| `ionActionSheetDidLoad` | Emitted after the alert has loaded. |
|
| `ionActionSheetDidLoad` | | Emitted after the alert has loaded. |
|
||||||
| `ionActionSheetDidPresent` | Emitted after the alert has presented. |
|
| `ionActionSheetDidPresent` | | Emitted after the alert has presented. |
|
||||||
| `ionActionSheetDidUnload` | Emitted after the alert has unloaded. |
|
| `ionActionSheetDidUnload` | | Emitted after the alert has unloaded. |
|
||||||
| `ionActionSheetWillDismiss` | Emitted before the alert has dismissed. |
|
| `ionActionSheetWillDismiss` | OverlayEventDetail | Emitted before the alert has dismissed. |
|
||||||
| `ionActionSheetWillPresent` | Emitted before the alert has presented. |
|
| `ionActionSheetWillPresent` | | Emitted before the alert has presented. |
|
||||||
|
|
||||||
|
|
||||||
## Methods
|
## Methods
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Action Sheet - Alert From Action Sheet</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Action Sheet - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Action Sheet - Cancel Only</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Action Sheet - Custom CSS Class</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Action Sheet - Icons</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Action Sheet - No Backdrop Dismiss</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Action Sheet</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Action Sheet - Scroll Without Cancel</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Action Sheet - Scrollable Options</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Action Sheet - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Action Sheet - Translucent</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -45,14 +45,14 @@ Alerts can also include several different inputs whose data can be passed back t
|
|||||||
|
|
||||||
## Events
|
## Events
|
||||||
|
|
||||||
| Event | Description |
|
| Event | Detail | Description |
|
||||||
| --------------------- | --------------------------------------- |
|
| --------------------- | ------------------ | --------------------------------------- |
|
||||||
| `ionAlertDidDismiss` | Emitted after the alert has dismissed. |
|
| `ionAlertDidDismiss` | OverlayEventDetail | Emitted after the alert has dismissed. |
|
||||||
| `ionAlertDidLoad` | Emitted after the alert has presented. |
|
| `ionAlertDidLoad` | | Emitted after the alert has presented. |
|
||||||
| `ionAlertDidPresent` | Emitted after the alert has presented. |
|
| `ionAlertDidPresent` | | Emitted after the alert has presented. |
|
||||||
| `ionAlertDidUnload` | Emitted before the alert has presented. |
|
| `ionAlertDidUnload` | | Emitted before the alert has presented. |
|
||||||
| `ionAlertWillDismiss` | Emitted before the alert has dismissed. |
|
| `ionAlertWillDismiss` | OverlayEventDetail | Emitted before the alert has dismissed. |
|
||||||
| `ionAlertWillPresent` | Emitted before the alert has presented. |
|
| `ionAlertWillPresent` | | Emitted before the alert has presented. |
|
||||||
|
|
||||||
|
|
||||||
## Methods
|
## Methods
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Alert - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Alert</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Alert - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Alert - Translucent</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Anchor - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Anchor - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body padding>
|
<body padding>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>App - Cordova</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
window.Ionic.config = { statusbarPadding: true };
|
window.Ionic.config = { statusbarPadding: true };
|
||||||
</script>
|
</script>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Avatar - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Avatar</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Avatar - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body padding>
|
<body padding>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Back Button</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body onload="loadFirstPage()">
|
<body onload="loadFirstPage()">
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Back Button</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
<script>
|
<script>
|
||||||
class PageOne extends HTMLElement {
|
class PageOne extends HTMLElement {
|
||||||
connectedCallback() {
|
connectedCallback() {
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Back Button</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body onload="loadFirstPage()">
|
<body onload="loadFirstPage()">
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Back Button</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -17,9 +17,9 @@ Backdrops are full screen components that overlay other components. They are use
|
|||||||
|
|
||||||
## Events
|
## Events
|
||||||
|
|
||||||
| Event | Description |
|
| Event | Detail | Description |
|
||||||
| ---------------- | ------------------------------------ |
|
| ---------------- | ------ | ------------------------------------ |
|
||||||
| `ionBackdropTap` | Emitted when the backdrop is tapped. |
|
| `ionBackdropTap` | | Emitted when the backdrop is tapped. |
|
||||||
|
|
||||||
|
|
||||||
----------------------------------------------
|
----------------------------------------------
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Badge - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Badge</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Badge - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body padding>
|
<body padding>
|
||||||
|
@ -55,10 +55,10 @@ This attribute specifies the size of the button. Setting this attribute will cha
|
|||||||
|
|
||||||
## Events
|
## Events
|
||||||
|
|
||||||
| Event | Description |
|
| Event | Detail | Description |
|
||||||
| ---------- | ------------------------------------ |
|
| ---------- | ------ | ------------------------------------ |
|
||||||
| `ionBlur` | Emitted when the button loses focus. |
|
| `ionBlur` | | Emitted when the button loses focus. |
|
||||||
| `ionFocus` | Emitted when the button has focus. |
|
| `ionFocus` | | Emitted when the button has focus. |
|
||||||
|
|
||||||
|
|
||||||
## CSS Custom Properties
|
## CSS Custom Properties
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Button - Anchor</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Button - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Button - Clear</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Button - Expand</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Button - Form</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Button - Icon</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Button - Outline</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Button</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Button - Round</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Button - Size</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Button - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Button - Strong</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Button - Toolbar</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Buttons - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Card Header - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Card - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Card</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Card - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Card - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -22,12 +22,12 @@ Checkboxes allow the selection of multiple options from a set of options. They a
|
|||||||
|
|
||||||
## Events
|
## Events
|
||||||
|
|
||||||
| Event | Description |
|
| Event | Detail | Description |
|
||||||
| ----------- | ---------------------------------------------- |
|
| ----------- | ----------------------- | ---------------------------------------------- |
|
||||||
| `ionBlur` | Emitted when the toggle loses focus. |
|
| `ionBlur` | | Emitted when the toggle loses focus. |
|
||||||
| `ionChange` | Emitted when the checked property has changed. |
|
| `ionChange` | CheckedInputChangeEvent | Emitted when the checked property has changed. |
|
||||||
| `ionFocus` | Emitted when the toggle has focus. |
|
| `ionFocus` | | Emitted when the toggle has focus. |
|
||||||
| `ionStyle` | Emitted when the styles change. |
|
| `ionStyle` | StyleEvent | Emitted when the styles change. |
|
||||||
|
|
||||||
|
|
||||||
## CSS Custom Properties
|
## CSS Custom Properties
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Checkbox - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Checkbox</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Checkbox - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body padding>
|
<body padding>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Chip - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Chip</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -5,8 +5,8 @@
|
|||||||
<title>Chip - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h2>Text Chips</h2>
|
<h2>Text Chips</h2>
|
||||||
|
@ -21,11 +21,11 @@ view component.
|
|||||||
|
|
||||||
## Events
|
## Events
|
||||||
|
|
||||||
| Event | Description |
|
| Event | Detail | Description |
|
||||||
| ---------------- | ------------------------------------------------------------------------------------------------ |
|
| ---------------- | ---------------- | ------------------------------------------------------------------------------------------------ |
|
||||||
| `ionScroll` | Emitted while scrolling. This event is disabled by default. Look at the property: `scrollEvents` |
|
| `ionScroll` | ScrollDetail | Emitted while scrolling. This event is disabled by default. Look at the property: `scrollEvents` |
|
||||||
| `ionScrollEnd` | Emitted when the scroll has ended. |
|
| `ionScrollEnd` | ScrollBaseDetail | Emitted when the scroll has ended. |
|
||||||
| `ionScrollStart` | Emitted when the scroll has started. |
|
| `ionScrollStart` | ScrollBaseDetail | Emitted when the scroll has started. |
|
||||||
|
|
||||||
|
|
||||||
## Methods
|
## Methods
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Content - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Content - Fullscreen</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Content</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -5,8 +5,8 @@
|
|||||||
<title>Content - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="content-height">
|
<div class="content-height">
|
||||||
|
@ -271,7 +271,9 @@ export class Datetime implements ComponentInterface {
|
|||||||
{
|
{
|
||||||
text: this.cancelText,
|
text: this.cancelText,
|
||||||
role: 'cancel',
|
role: 'cancel',
|
||||||
handler: () => this.ionCancel.emit()
|
handler: () => {
|
||||||
|
this.ionCancel.emit();
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: this.doneText,
|
text: this.doneText,
|
||||||
|
@ -230,11 +230,11 @@ dates in JavaScript.
|
|||||||
|
|
||||||
## Events
|
## Events
|
||||||
|
|
||||||
| Event | Description |
|
| Event | Detail | Description |
|
||||||
| ----------- | --------------------------------------------------- |
|
| ----------- | ---------------- | --------------------------------------------------- |
|
||||||
| `ionCancel` | Emitted when the datetime selection was cancelled. |
|
| `ionCancel` | | Emitted when the datetime selection was cancelled. |
|
||||||
| `ionChange` | Emitted when the value (selected date) has changed. |
|
| `ionChange` | InputChangeEvent | Emitted when the value (selected date) has changed. |
|
||||||
| `ionStyle` | Emitted when the styles change. |
|
| `ionStyle` | StyleEvent | Emitted when the styles change. |
|
||||||
|
|
||||||
|
|
||||||
## Methods
|
## Methods
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Datetime - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Datetime</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Datetime - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -24,10 +24,10 @@ If the FAB button is not wrapped with `<ion-fab>`, it will scroll with the conte
|
|||||||
|
|
||||||
## Events
|
## Events
|
||||||
|
|
||||||
| Event | Description |
|
| Event | Detail | Description |
|
||||||
| ---------- | ------------------------------------ |
|
| ---------- | ------ | ------------------------------------ |
|
||||||
| `ionBlur` | Emitted when the button loses focus. |
|
| `ionBlur` | | Emitted when the button loses focus. |
|
||||||
| `ionFocus` | Emitted when the button has focus. |
|
| `ionFocus` | | Emitted when the button has focus. |
|
||||||
|
|
||||||
|
|
||||||
## CSS Custom Properties
|
## CSS Custom Properties
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Floating Action Button - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Floating Action Button - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Floating Action Button</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Floating Action Button - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Floating Action Button - Translucent</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Header - Translucent</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Grid - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Grid - Offsets</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Grid - Padding</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Grid</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Grid - Sizes</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Grid - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Header - Translucent</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Hide When - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Hide When</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Icon - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Icon - Items</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
<style>
|
<style>
|
||||||
profile-modal {
|
profile-modal {
|
||||||
background: red;
|
background: red;
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Icon</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Icon - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -16,9 +16,9 @@ Img is a tag that will lazily load an image when ever the tag is in the viewport
|
|||||||
|
|
||||||
## Events
|
## Events
|
||||||
|
|
||||||
| Event | Description |
|
| Event | Detail | Description |
|
||||||
| --------------- | ---------------------------------- |
|
| --------------- | ------ | ---------------------------------- |
|
||||||
| `ionImgDidLoad` | Emitted when the img src is loaded |
|
| `ionImgDidLoad` | | Emitted when the img src is loaded |
|
||||||
|
|
||||||
|
|
||||||
----------------------------------------------
|
----------------------------------------------
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Img - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Img - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body padding onLoad="render()">
|
<body padding onLoad="render()">
|
||||||
|
@ -26,9 +26,9 @@ Separating the `ion-infinite-scroll` and `ion-infinite-scroll-content` component
|
|||||||
|
|
||||||
## Events
|
## Events
|
||||||
|
|
||||||
| Event | Description |
|
| 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. |
|
| `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
|
## Methods
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Infinite Scroll - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Infinite Scroll</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Infinite Scroll - Standalone</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/core.css">
|
<link rel="stylesheet" href="/css/core.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
<title>Infinite Scroll - Basic</title>
|
<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">
|
<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>
|
<script src="/dist/ionic.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
|
<link rel="stylesheet" href="/css/ionic.bundle.css">
|
||||||
<script src="/scripts/screenshot/testing.js"></script>
|
<link rel="stylesheet" href="/scripts/testing/styles.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user