> A component to register for events on ODP.

is a complex component that can be configured to accept event data from ODP and provide a registration form. It generates and object that can be sent back to ODP to register the user.

Installation

- Install with npm

``
npm i @orcden/odp-event-registration-form
`

Usage

`
import '@orcden/odp-event-registration-form';
`
`



`

Attributes

| Attribute | Type | Default | Description |
|-----------|---------|---------|-----------------------------------------------------------------------------------------|
| inline | Boolean | true | Useful for mobile, set to false to decrease width. |
| is-member | Boolean | false | Used to set member prices display and calculation |
| closed | Boolean | false | Can be used to manually display the registration closed message. |

Properties

| Attribute | Type | Default | Description |
|-----------|---------|---------|-----------------------------------------------------------------------------------------|
| eventData | Object | {} | Get. Set. The form requires this to build itself. |
| inline | Boolean | true | Useful for mobile, set to false to decrease width. |
| isMember | Boolean | false | Used to set member prices display and calculation |
| invalidMessage | String | "" | Get Only, used with validation; if the form fails display this. |
| closed | Boolean | false | Can be used to manually display the registration closed message. |

Functions

| Name | Parameters | Description |
|-----------|------|-----------------------------------------------|
| getData | None | Get the event registration data |
| validate | None | Validates if the required info has been filled out |

Styling

| Shadow Parts | Description |
|------------------|-----------------------|
| ex. mode-item-title | The div used to house the title slot |
| ... | Find the associated part in the DOM for now; docs to be updated |

Development

$3

`
npm run demo
`

$3

`
npm run lint
`

$3

`
npm run fix
`

$3

`
npm run test
`

$3

`
npm run build
``