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

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