Skip to content

VFab

Props

NameTypeDescription
autofocusbooleanDetermines if the element should receive document focus on page load.
connotationEnum:
cta
accent
announcement
The connotation the fab should have.
disabledbooleanSets the element's disabled state. A disabled element will not be included during form submission.
formstringThe id of a form to associate the element to.
formactionstringSee https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
formenctypestringSee https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
formmethodstringSee https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
formnovalidatebooleanSee https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
formtargetEnum:
_self
_blank
_parent
_top
See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
iconEnum:
10-sec-backward-line
10-sec-backward-solid
10-sec-forward-line
10-sec-forward-solid
30-sec-backward-line
30-sec-backward-solid
30-sec-forward-line
30-sec-forward-solid
5-sec-backward-line
5-sec-backward-solid
5-sec-forward-line
5-sec-forward-solid
... 1229 more ...
A decorative icon the custom element should have. See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
icon-trailingbooleanIndicates the icon affix alignment.
initial-valuestringThe default value of the element. This value sets the value property only when the value property has not been explicitly set.
labelstringIndicates the fab's label.
namestringThe name of the element. This element's value will be surfaced during form submission under the provided name.
requiredbooleanRequire the field to be completed prior to form submission.
sizeEnum:
condensed
normal
expanded
The size the FAB should have.
typeEnum:
submit
reset
button
The button type.
valuestringThe current value of the element.

Events

NameEvent TypeDescription
blurFocusEventFires when the element loses focus.
clickMouseEventFires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
focusFocusEventFires when the element receives focus.
inputEventFires when the value of an element has been changed.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.

Slots

NameDescription
iconThe preferred way to add an icon to the component.

Methods

NameTypeDescription
checkValidity() => booleanReturn the current validity of the element.
reportValidity() => booleanReturn the current validity of the element. If false, fires an invalid event at the element.
validate() => void{@inheritDoc (FormAssociated:interface).validate}