OrionIcon

<o-icon> affiche une icône provenant de la bibliothèque Coolicons 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

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