mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 04:14:21 +08:00
docs(readme): update component readmes
This commit is contained in:
@ -16,6 +16,16 @@ The mode determines which platform styles to use.
|
|||||||
Possible values are: `"ios"` or `"md"`.
|
Possible values are: `"ios"` or `"md"`.
|
||||||
|
|
||||||
|
|
||||||
|
#### translucent
|
||||||
|
|
||||||
|
boolean
|
||||||
|
|
||||||
|
If true, the footer will be translucent.
|
||||||
|
Note: In order to scroll content behind the footer, the `fullscreen`
|
||||||
|
attribute needs to be set on the content.
|
||||||
|
Defaults to `false`.
|
||||||
|
|
||||||
|
|
||||||
## Attributes
|
## Attributes
|
||||||
|
|
||||||
#### mode
|
#### mode
|
||||||
@ -26,6 +36,16 @@ The mode determines which platform styles to use.
|
|||||||
Possible values are: `"ios"` or `"md"`.
|
Possible values are: `"ios"` or `"md"`.
|
||||||
|
|
||||||
|
|
||||||
|
#### translucent
|
||||||
|
|
||||||
|
boolean
|
||||||
|
|
||||||
|
If true, the footer will be translucent.
|
||||||
|
Note: In order to scroll content behind the footer, the `fullscreen`
|
||||||
|
attribute needs to be set on the content.
|
||||||
|
Defaults to `false`.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
----------------------------------------------
|
----------------------------------------------
|
||||||
|
|
||||||
|
@ -18,6 +18,16 @@ The mode determines which platform styles to use.
|
|||||||
Possible values are: `"ios"` or `"md"`.
|
Possible values are: `"ios"` or `"md"`.
|
||||||
|
|
||||||
|
|
||||||
|
#### translucent
|
||||||
|
|
||||||
|
boolean
|
||||||
|
|
||||||
|
If true, the header will be translucent.
|
||||||
|
Note: In order to scroll content behind the header, the `fullscreen`
|
||||||
|
attribute needs to be set on the content.
|
||||||
|
Defaults to `false`.
|
||||||
|
|
||||||
|
|
||||||
## Attributes
|
## Attributes
|
||||||
|
|
||||||
#### mode
|
#### mode
|
||||||
@ -28,6 +38,16 @@ The mode determines which platform styles to use.
|
|||||||
Possible values are: `"ios"` or `"md"`.
|
Possible values are: `"ios"` or `"md"`.
|
||||||
|
|
||||||
|
|
||||||
|
#### translucent
|
||||||
|
|
||||||
|
boolean
|
||||||
|
|
||||||
|
If true, the header will be translucent.
|
||||||
|
Note: In order to scroll content behind the header, the `fullscreen`
|
||||||
|
attribute needs to be set on the content.
|
||||||
|
Defaults to `false`.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
----------------------------------------------
|
----------------------------------------------
|
||||||
|
|
||||||
|
@ -117,6 +117,15 @@ another page using `href`.
|
|||||||
string
|
string
|
||||||
|
|
||||||
|
|
||||||
|
#### type
|
||||||
|
|
||||||
|
string
|
||||||
|
|
||||||
|
The type of the button. Only used when an `onclick` or `button` property is present.
|
||||||
|
Possible values are: `"submit"`, `"reset"` and `"button"`.
|
||||||
|
Default value is: `"button"`
|
||||||
|
|
||||||
|
|
||||||
## Attributes
|
## Attributes
|
||||||
|
|
||||||
#### button
|
#### button
|
||||||
@ -191,6 +200,15 @@ another page using `href`.
|
|||||||
string
|
string
|
||||||
|
|
||||||
|
|
||||||
|
#### type
|
||||||
|
|
||||||
|
string
|
||||||
|
|
||||||
|
The type of the button. Only used when an `onclick` or `button` property is present.
|
||||||
|
Possible values are: `"submit"`, `"reset"` and `"button"`.
|
||||||
|
Default value is: `"button"`
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
----------------------------------------------
|
----------------------------------------------
|
||||||
|
|
||||||
|
@ -15,7 +15,7 @@ Lists support several interactions including swiping items to reveal options, dr
|
|||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If true, the list will have margin around it and rounded corners. Defaults to `"false"`.
|
If true, the list will have margin around it and rounded corners. Defaults to `false`.
|
||||||
|
|
||||||
|
|
||||||
#### lines
|
#### lines
|
||||||
@ -31,7 +31,7 @@ How the bottom border should be displayed on all items.
|
|||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If true, the list will have margin around it and rounded corners. Defaults to `"false"`.
|
If true, the list will have margin around it and rounded corners. Defaults to `false`.
|
||||||
|
|
||||||
|
|
||||||
#### lines
|
#### lines
|
||||||
|
@ -22,7 +22,7 @@ string
|
|||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If the tab is selected or not
|
If true, the tab button will be selected. Defaults to `false`.
|
||||||
|
|
||||||
|
|
||||||
#### tab
|
#### tab
|
||||||
@ -48,7 +48,7 @@ string
|
|||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If the tab is selected or not
|
If true, the tab button will be selected. Defaults to `false`.
|
||||||
|
|
||||||
|
|
||||||
#### tab
|
#### tab
|
||||||
|
@ -16,7 +16,7 @@ See the [Tabs API Docs](../Tabs/) for more details on configuring Tabs.
|
|||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If the tab is active or not
|
If true, sets the tab as the active tab.
|
||||||
|
|
||||||
|
|
||||||
#### badge
|
#### badge
|
||||||
@ -51,6 +51,8 @@ The component to display inside of the tab.
|
|||||||
|
|
||||||
FrameworkDelegate
|
FrameworkDelegate
|
||||||
|
|
||||||
|
hidden
|
||||||
|
|
||||||
|
|
||||||
#### disabled
|
#### disabled
|
||||||
|
|
||||||
@ -77,7 +79,7 @@ The icon for the tab.
|
|||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
The title of the tab.
|
The label of the tab.
|
||||||
|
|
||||||
|
|
||||||
#### name
|
#### name
|
||||||
@ -114,7 +116,7 @@ If true, hide the tabs on child pages.
|
|||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If the tab is active or not
|
If true, sets the tab as the active tab.
|
||||||
|
|
||||||
|
|
||||||
#### badge
|
#### badge
|
||||||
@ -149,6 +151,8 @@ The component to display inside of the tab.
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
hidden
|
||||||
|
|
||||||
|
|
||||||
#### disabled
|
#### disabled
|
||||||
|
|
||||||
@ -175,7 +179,7 @@ The icon for the tab.
|
|||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
The title of the tab.
|
The label of the tab.
|
||||||
|
|
||||||
|
|
||||||
#### name
|
#### name
|
||||||
|
@ -17,14 +17,14 @@ string
|
|||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If the tabbar should include the highlight on the active tab
|
If true, show the tab highlight bar under the selected tab.
|
||||||
|
|
||||||
|
|
||||||
#### layout
|
#### layout
|
||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
The layout of the title and icons
|
Set the layout of the text and icon in the tabbar. Available options: `"icon-top"`, `"icon-start"`, `"icon-end"`, `"icon-bottom"`, `"icon-hide"`, `"label-hide"`.
|
||||||
|
|
||||||
|
|
||||||
#### mode
|
#### mode
|
||||||
@ -36,14 +36,14 @@ string
|
|||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
The placement of the tabbar in the app
|
Set the position of the tabbar, relative to the content. Available options: `"top"`, `"bottom"`.
|
||||||
|
|
||||||
|
|
||||||
#### scrollable
|
#### scrollable
|
||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If the tabbar is scrollable or not
|
If true, the tabs will be scrollable when there are enough tabs to overflow the width of the screen.
|
||||||
|
|
||||||
|
|
||||||
#### selectedTab
|
#### selectedTab
|
||||||
@ -78,14 +78,14 @@ string
|
|||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If the tabbar should include the highlight on the active tab
|
If true, show the tab highlight bar under the selected tab.
|
||||||
|
|
||||||
|
|
||||||
#### layout
|
#### layout
|
||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
The layout of the title and icons
|
Set the layout of the text and icon in the tabbar. Available options: `"icon-top"`, `"icon-start"`, `"icon-end"`, `"icon-bottom"`, `"icon-hide"`, `"label-hide"`.
|
||||||
|
|
||||||
|
|
||||||
#### mode
|
#### mode
|
||||||
@ -97,14 +97,14 @@ string
|
|||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
The placement of the tabbar in the app
|
Set the position of the tabbar, relative to the content. Available options: `"top"`, `"bottom"`.
|
||||||
|
|
||||||
|
|
||||||
#### scrollable
|
#### scrollable
|
||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If the tabbar is scrollable or not
|
If true, the tabs will be scrollable when there are enough tabs to overflow the width of the screen.
|
||||||
|
|
||||||
|
|
||||||
#### selected-tab
|
#### selected-tab
|
||||||
|
@ -21,21 +21,21 @@ Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"wa
|
|||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
A unique name for the tabs
|
A unique name for the tabs.
|
||||||
|
|
||||||
|
|
||||||
#### scrollable
|
#### scrollable
|
||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If the tabs should be scrollable
|
If true, the tabs will be scrollable when there are enough tabs to overflow the width of the screen.
|
||||||
|
|
||||||
|
|
||||||
#### tabbarHidden
|
#### tabbarHidden
|
||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If true, the tabbar
|
If true, the tabbar will be hidden. Defaults to `false`.
|
||||||
|
|
||||||
|
|
||||||
#### tabbarHighlight
|
#### tabbarHighlight
|
||||||
@ -49,14 +49,14 @@ If true, show the tab highlight bar under the selected tab.
|
|||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
Set the tabbar layout: `icon-top`, `icon-start`, `icon-end`, `icon-bottom`, `icon-hide`, `title-hide`.
|
Set the layout of the text and icon in the tabbar. Available options: `"icon-top"`, `"icon-start"`, `"icon-end"`, `"icon-bottom"`, `"icon-hide"`, `"label-hide"`.
|
||||||
|
|
||||||
|
|
||||||
#### tabbarPlacement
|
#### tabbarPlacement
|
||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
Set position of the tabbar: `top`, `bottom`.
|
Set the position of the tabbar, relative to the content. Available options: `"top"`, `"bottom"`.
|
||||||
|
|
||||||
|
|
||||||
#### translucent
|
#### translucent
|
||||||
@ -73,8 +73,7 @@ Defaults to `false`.
|
|||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If the tabs should use the router or not.
|
If true, the tabs will use the router and `selectedTab` will not do anything.
|
||||||
If true, `selectedTab` does nothing.
|
|
||||||
|
|
||||||
|
|
||||||
## Attributes
|
## Attributes
|
||||||
@ -91,21 +90,21 @@ Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"wa
|
|||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
A unique name for the tabs
|
A unique name for the tabs.
|
||||||
|
|
||||||
|
|
||||||
#### scrollable
|
#### scrollable
|
||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If the tabs should be scrollable
|
If true, the tabs will be scrollable when there are enough tabs to overflow the width of the screen.
|
||||||
|
|
||||||
|
|
||||||
#### tabbar-hidden
|
#### tabbar-hidden
|
||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If true, the tabbar
|
If true, the tabbar will be hidden. Defaults to `false`.
|
||||||
|
|
||||||
|
|
||||||
#### tabbar-highlight
|
#### tabbar-highlight
|
||||||
@ -119,14 +118,14 @@ If true, show the tab highlight bar under the selected tab.
|
|||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
Set the tabbar layout: `icon-top`, `icon-start`, `icon-end`, `icon-bottom`, `icon-hide`, `title-hide`.
|
Set the layout of the text and icon in the tabbar. Available options: `"icon-top"`, `"icon-start"`, `"icon-end"`, `"icon-bottom"`, `"icon-hide"`, `"label-hide"`.
|
||||||
|
|
||||||
|
|
||||||
#### tabbar-placement
|
#### tabbar-placement
|
||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
Set position of the tabbar: `top`, `bottom`.
|
Set the position of the tabbar, relative to the content. Available options: `"top"`, `"bottom"`.
|
||||||
|
|
||||||
|
|
||||||
#### translucent
|
#### translucent
|
||||||
@ -143,8 +142,7 @@ Defaults to `false`.
|
|||||||
|
|
||||||
boolean
|
boolean
|
||||||
|
|
||||||
If the tabs should use the router or not.
|
If true, the tabs will use the router and `selectedTab` will not do anything.
|
||||||
If true, `selectedTab` does nothing.
|
|
||||||
|
|
||||||
|
|
||||||
## Events
|
## Events
|
||||||
@ -156,12 +154,18 @@ Emitted when the tab changes.
|
|||||||
|
|
||||||
#### ionNavDidChange
|
#### ionNavDidChange
|
||||||
|
|
||||||
|
Emitted when the navigation has finished transitioning to a new component.
|
||||||
|
|
||||||
|
|
||||||
#### ionNavWillChange
|
#### ionNavWillChange
|
||||||
|
|
||||||
|
Emitted when the navigation is about to transition to a new component.
|
||||||
|
|
||||||
|
|
||||||
#### ionNavWillLoad
|
#### ionNavWillLoad
|
||||||
|
|
||||||
|
Emitted when the navigation will load a component.
|
||||||
|
|
||||||
|
|
||||||
## Methods
|
## Methods
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user