OrcDen Platform Event Registration Form Component
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.
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
``