OrionIcon

<o-icon> affiche une icône provenant de la bibliothèque Cooliconsopen in new window avec la prop icon, ou de votre propre police d'icônes avec prop font-icon.

Vous pouvez facilement le personnaliser avec des props pour ajouter un effet de ripple au clic, un marqueur visuel pour indiquer des notifications, ou appliquer un style de bouton.

Astuce

Le style du curseur passe automatiquement sur pointer si un écouteur click est utilisé sur <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