vbIcon

Bulma documentationComponent source

An icon component only compatible with fontawesome

Slots

icon

The icon to display

text

The text to display

Props

icon

Type: string | BulmaColouredIcon | (string | BulmaColouredIcon)[] | undefined

The icon class name with style prefix or

Example:

'fa-solid fa-shield-cat'
{icon: 'fa-camera fa-lg', colour: 'info'},
['fa-star', {icon: 'fa-house fa-xs', colour: 'primary'}]

flex

Type: boolean | undefined

Default: false

Determines if the icon should be a flex box; changing the parent tag to a div or an inline span

colour

Type: BulmaColourHelper | BulmaColour | undefined

Colour of the icon

containerSize

Type: BulmaSize |undefined

Determines the size of the icon's container

prefix

Type: string | undefined

Adds this prefix as a separate class entry to icon element

textFirst

Type: boolean | undefined

Default: false

If the icon will be placed after the text (slot) element

stacked

Type: boolean | string | undefined

If the icons will be stacked on top of each other rather than side by side

If the icon stack needs a class added to it (e.g. fa-stack) then the string value will be appended to the icon stack's parent tag