OrionIcon

<o-icon> displays an icon from the awesome library Coolicons with the prop icon, or from your own icon font with the prop font-icon.

You can easily customize it with some props to add ripple effect on click, a visual marker to alert about notifications or a button style.

Tips

The cursor style will automatically switch to pointer if a click listener is applied on <o-icon>.

Usage

IconMarker IconStyle IconList IconPlayground

Props

Name
buttonOrion.Color = undefined
fontIconstring = undefined
iconOrion.Icon = undefined
loadingboolean = undefined
markernumber | boolean = false
markerColorOrion.Color = 'danger'
markerPositionstring = 'top right'
onMarkerClick(e: MouseEvent) => void = undefined
rippleOrion.Color = undefined