Sign-in Widget Node

Sign-in Widgets allow you to quickly add a set of sign-in providers to your application.

Properties

Visible

Propsign-inNode.isVisible
Typeboolean
Default{{true}}

Whether or not this node is visible.

Enabled

Propsign-inNode.isEnabled
Typeboolean
Default{{true}}

Whether or not this node is enabled.

Tooltip

Propsign-inNode.tooltip
Typestring
Defaultundefined

The tooltip text to display when hovered or focused over this node.

Top

Propsign-inNode.top
Typestring
Default1

The position of the node from the top side of the grid (grid-row-start).

Left

Propsign-inNode.left
Typestring
Default1

The position of the node from the left side of the grid (grid-column-start).

Width

Propsign-inNode.width
Typestring
Default128px

The width of the node. When this node is in a grid layout, this should be done using unitless grid column units (specifying 4 will become grid-column-end: span 4). When this node is in a stack layout, the width must be specified using CSS units (e.g. 100px or 100%).

Min Width

Propsign-inNode.minWidth
Typestring
Defaultnone

The minimum width of the node. When this node is in a grid layout, this property is ignored.

Max Width

Propsign-inNode.maxWidth
Typestring
Defaultnone

The maximum width of the node. When this node is in a grid layout, this property is ignored.

Height

Propsign-inNode.height
Typestring
Default32px

The height of the node. When this node is in a grid layout, this should be done using unitless grid row units (specifying 4 will become grid-row-end: span 4). When this node is in a stack layout, the height must be specified using CSS units (e.g. 100px or 100%).

Min Height

Propsign-inNode.minHeight
Typestring
Defaultnone

The minimum height of the node. When this node is in a grid layout, this property is ignored.

Max Height

Propsign-inNode.maxHeight
Typestring
Defaultnone

The minimum height of the node. When this node is in a grid layout, this property is ignored.

Overflow

Propsign-inNode.overflow
TypeOverflow ('auto' | 'visible' | 'hidden' | 'scroll')
Defaultauto

The strategy used to handle overflow in the horizontal and vertical axes for content that is larger than its container.

Overflow X

Propsign-inNode.overflowX
TypeOverflow ('auto' | 'visible' | 'hidden' | 'scroll')
Defaultauto

The strategy used to handle overflow in the horizontal axis for content that is larger than its container.

Overflow Y

Propsign-inNode.overflowY
TypeOverflow ('auto' | 'visible' | 'hidden' | 'scroll')
Defaultauto

The strategy used to handle overflow in the vertical axis for content that is larger than its container.

Custom Styles

Propsign-inNode.styles
Typestring
Defaultelement.styles { }

Custom CSS styles to be applied to the node. Use element.styles to refer to the current node.

Object Fit

Propsign-inNode.objectFit
TypeObjectFit ('none' | 'contain' | 'cover' | 'fill' | 'scale-down')
Defaultcover

The strategy used to set how the content of a replaced element should be resized to fit its container.

Event Handlers

On Success

Handlersign-inNode.onSuccess

The event handler to be called upon the successful completion of the sign-in process. This property can be used to chain function calls.

On Failure

Handlersign-inNode.onFailure

The event handler to be called upon the failure of the sign-in process. This property can be used to handle errors in function calls.