mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
@ -4,7 +4,7 @@ An Action Sheet is a dialog that displays a set of options. It appears on top of
|
||||
|
||||
### Creating
|
||||
|
||||
An action sheet can be created by the [Action Sheet Controller](../../action-sheet-controller/ActionSheetController) from an array of `buttons`, with each button including properties for its `text`, and optionally a `handler` and `role`. If a handler returns `false` then the action sheet will not be dismissed. An action sheet can also optionally have a `title`, `subTitle` and an `icon`.
|
||||
An action sheet can be created by the [Action Sheet Controller](../action-sheet-controller) from an array of `buttons`, with each button including properties for its `text`, and optionally a `handler` and `role`. If a handler returns `false` then the action sheet will not be dismissed. An action sheet can also optionally have a `title`, `subTitle` and an `icon`.
|
||||
|
||||
### Buttons
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
# ion-fab
|
||||
|
||||
Fabs are container elements that contain one or more fab buttons. They should be placed in a fixed position that does not scroll with the content. Fab should have one main fab-button. Fabs can also contain fab-lists which contain related buttons that show when the main fab button is clicked. The same fab container can contain several [fab-list](../../fab-list/FabList) elements with different side values.
|
||||
Fabs are container elements that contain one or more fab buttons. They should be placed in a fixed position that does not scroll with the content. Fab should have one main fab-button. Fabs can also contain fab-lists which contain related buttons that show when the main fab button is clicked. The same fab container can contain several [fab-list](../fab-list) elements with different side values.
|
||||
|
||||
<!-- Auto Generated Below -->
|
||||
|
||||
|
@ -5,7 +5,7 @@ A Modal is a dialog that appears on top of the app's content, and must be dismis
|
||||
|
||||
### Creating
|
||||
|
||||
Modals can be created using a [Modal Controller](../../modal-controller/ModalController). They can be customized by passing modal options in the modal controller's create method.
|
||||
Modals can be created using a [Modal Controller](../modal-controller). They can be customized by passing modal options in the modal controller's create method.
|
||||
|
||||
|
||||
### Passing paramaters
|
||||
|
@ -4,7 +4,7 @@ A Popover is a dialog that appears on top of the current page. It can be used fo
|
||||
|
||||
### Creating
|
||||
|
||||
Popovers can be created using a [Popover Controller](https://beta.ionicframework.com/docs/api/popover-controller). They can be customized by passing popover options in the popover controller's create method.
|
||||
Popovers can be created using a [Popover Controller](../popover-controller). They can be customized by passing popover options in the popover controller's create method.
|
||||
|
||||
### Presenting
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
# ion-segment-button
|
||||
|
||||
Segment buttons are groups of related buttons inside of a [Segment](../../segment/Segment). They are displayed in a horizontal row. A segment button can be checked by default by adding the `checked` attribute or by setting the `value` of the segment to the `value` of the segment button. Only one segment button should be selected at a time.
|
||||
Segment buttons are groups of related buttons inside of a [Segment](../segment). They are displayed in a horizontal row. A segment button can be checked by default by adding the `checked` attribute or by setting the `value` of the segment to the `value` of the segment button. Only one segment button should be selected at a time.
|
||||
|
||||
|
||||
<!-- Auto Generated Below -->
|
||||
|
@ -9,7 +9,7 @@ If `value` is set on the `<ion-select>`, the selected option will be chosen base
|
||||
|
||||
## Interfaces
|
||||
|
||||
By default, select uses the [AlertController API](../../alert/AlertController) to open up the overlay of options in an alert. The interface can be changed to use the [ActionSheetController API](../../action-sheet/ActionSheetController) or [PopoverController API](../../popover/PopoverController) by passing `action-sheet` or `popover`, respectively, to the `interface` property. Read on to the other sections for the limitations of the different interfaces.
|
||||
By default, select uses the [AlertController API](../alert) to open up the overlay of options in an alert. The interface can be changed to use the [ActionSheetController API](../action-sheet) or [PopoverController API](../popover) by passing `action-sheet` or `popover`, respectively, to the `interface` property. Read on to the other sections for the limitations of the different interfaces.
|
||||
|
||||
|
||||
## Single Selection
|
||||
@ -33,7 +33,7 @@ The `action-sheet` and `popover` interfaces do not have an `OK` button, clicking
|
||||
|
||||
## Interface Options
|
||||
|
||||
Since select uses the alert, action sheet and popover interfaces, options can be passed to these components through the `interfaceOptions` property. This can be used to pass a custom header, subheader, css class, and more. See the [AlertController API docs](../../alert/AlertController/#create), [ActionSheetController API docs](../../action-sheet/ActionSheetController/#create), and [PopoverController API docs](../../popover/PopoverController/#create) for the properties that each interface accepts.
|
||||
Since select uses the alert, action sheet and popover interfaces, options can be passed to these components through the `interfaceOptions` property. This can be used to pass a custom header, subheader, css class, and more. See the [AlertController API docs](../alert), [ActionSheetController API docs](../action-sheet), and [PopoverController API docs](../popover) for the properties that each interface accepts.
|
||||
|
||||
|
||||
<!-- Auto Generated Below -->
|
||||
|
@ -1,7 +1,7 @@
|
||||
# ion-slides
|
||||
|
||||
The Slides component is a multi-section container. Each section can be swiped
|
||||
or dragged between. It contains any number of [Slide](../Slide) components.
|
||||
or dragged between. It contains any number of [Slide](../slide) components.
|
||||
|
||||
|
||||
Adopted from Swiper.js:
|
||||
|
@ -83,7 +83,7 @@ scrolling. In order to better control images, Ionic provides `<ion-img>`
|
||||
to manage HTTP requests and image rendering. While scrolling through items
|
||||
quickly, `<ion-img>` knows when and when not to make requests, when and
|
||||
when not to render images, and only loads the images that are viewable
|
||||
after scrolling. [Read more about `ion-img`.](../../img/Img/)
|
||||
after scrolling. [Read more about `ion-img`.](../img)
|
||||
|
||||
It's also important for app developers to ensure image sizes are locked in,
|
||||
and after images have fully loaded they do not change size and affect any
|
||||
@ -132,7 +132,7 @@ dimensions are measured correctly.
|
||||
#### iOS Cordova WKWebView
|
||||
|
||||
When deploying to iOS with Cordova, it's highly recommended to use the
|
||||
[WKWebView plugin](http://blog.ionic.io/cordova-ios-performance-improvements-drop-in-speed-with-wkwebview/)
|
||||
[WKWebView plugin](https://blog.ionicframework.com/cordova-ios-performance-improvements-drop-in-speed-with-wkwebview/)
|
||||
in order to take advantage of iOS's higher performing webview. Additionally,
|
||||
WKWebView is superior at scrolling efficiently in comparison to the older
|
||||
UIWebView.
|
||||
|
Reference in New Issue
Block a user