Events

Events are on all components and allow you to trigger something when an event occurs for the component.

The returned e is the component, meaning you can chain methods to this component that will be triggered when the event fires.

Interaction Events

• onLoad( (e) => e )
• onClick( (e) => e )
• onChange( (e) => e )
• onHover( (e) => e, (e) => e ) callbacks for the mouse entering and leaving
• onFocus( (e) => e )
• onBlur( (e) => e )
• onDoubleClick( (e) => e )
• onError( (e) => e )
• onKeypress( (e) => e )

Screen Size Events

These events are triggered by screen size changes using standard screen size ratios.

• onDeviceSmall( (e) => e )
• onDeviceMedium( (e) => e )
• onDeviceLarge( (e) => e )