930b271a4a
* chore(): bump to beta 8 * fix(): IonFabButton href fix * fix(react): support components with href attributes * fix(): Prep work to break router out * fix(): breaking react-router and react-core into own packages * chore(): moving view stuff out of react-core * chore(): dev build 8-1 * chore(): update to react beta 8 * chore(): fixes to deps * fix(): removing IonAnchor in favor of IonRouterLink * chore(): beta 9 release * refactor(react): treeshake, minify, api * wip * fix(): react dev builds * fix(): fixes to get app builds working again * fix(): removing tgz file * feat(): adding platform helper methods * fix(): don't map attributes to props * chore(): add test app * feat(): copy css folder from core * chore(): move rollup node resolve to devDependencies * fix(): expose setupConfig() * perf(): improve treeshaking * fix(): removing crypto from generateUniqueId * fix(): adding missing rollup dp * fix(): test cleanup and fixes to make tests pass * chore(): moving react to packages folder * fix(): fixing react build due to move to packages * feat(): adding missing IonInfiniteScrollContent component * chore(): add automated testing using cypress * fix(): adding option onDidDismiss to controller components * 0.0.10 react * wip * fix(): removing deprecated React calls * fix(): exporting setupConfig from core * chore(): bump to 4.8.0-rc.0 * chore(): updating test-app deps and fixing test * chore(): updates to react readme
ion-icon
Icons can be used on their own as a standalone component, or inside of another component.
Ionicons provide platform continuity out of the box in Ionic by rendering a different icon based on the device the app is running on. For example, by setting the icon name to alarm the icon will automatically use the ios-alarm on an iOS device, and the md-alarm for any device running Material Design. This allows the developer to write the markup once while Ionic handles displaying the appropriate icon based on the mode.
For a full list of available icons and more usage explanations, check out the Ionicons documentation.
Properties
ariaLabel
string
Specifies the label to use for accessibility. Defaults to the icon name.
color
string
The color to use from your Sass $colors map.
Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "dark", "medium", "light".
For more information, see Theming your App.
ios
string
Specifies which icon to use on ios mode.
md
string
Specifies which icon to use on md mode.
name
string
Specifies which icon to use. The appropriate icon will be used based on the mode. For more information, see Ionicons.
size
string
The size of the icon.
Available options are: "small" and "large".
Attributes
aria-label
string
Specifies the label to use for accessibility. Defaults to the icon name.
color
string
The color to use from your Sass $colors map.
Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "dark", "medium", "light".
For more information, see Theming your App.
ios
string
Specifies which icon to use on ios mode.
md
string
Specifies which icon to use on md mode.
name
string
Specifies which icon to use. The appropriate icon will be used based on the mode. For more information, see Ionicons.
size
string
The size of the icon.
Available options are: "small" and "large".
Built with StencilJS