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.

Component()
    .onClick( (e ) => e
        .rotate()
    )

## 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 )`