OrionIcon

<o-icon> displays an icon from the awesome library Cooliconsopen in new window 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.

TIP

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

Usage

IconMarker IconStyle IconList IconPlayground

Props

buttonOrion.Color = undefined

fontIconstring = undefined

iconOrion.Icon = undefined

loadingboolean = false

markerboolean | number = undefined

markerColorOrion.Color = 'danger'

markerPositionstring = 'top right'

onMarkerClick(e: MouseEvent) => void = undefined

rippleOrion.Color = undefined

Events

marker-click

No payload