mb-percent
Properties
| Property | Attribute | Type | Default | Description |
|---------------|------------|--------------------------------------------------|-------------|--------------------------------------------------|
| data | data | { denominator: number; numerator: number; type: number; } \| undefined | “undefined” | Data of the element. Setting this will emit an input event automatically. |
| datatype | datatype | string \| undefined | | An internal representation of type to handle serializing |
| isMbElement | | boolean | true | |
| label | label | string \| undefined | | Optional label for the element |
| max | max | string | “100” | |
| min | min | string | “0” | |
| path | path | string | | Path of the data element. Use the VSCode extension to get the appropriate paths |
| required | required | boolean | false | |
| step | step | string | | |
| type | type | string | “percent” | |
Methods
| Method | Type | Description |
|--------------------|--------------------------------------------|--------------------------------------------------|
| getStep | (): string \| undefined | |
| handlePathChange | (oldPath: string, newPath: string): void | |
| reportValidity | (): boolean | Function to validate the element during form submit |
Events
| Event | Description |
|-----------------|--------------------------------------------------|
| mb-connect | Dispatched when the component connects |
| mb-dependency | Dispatched if dependencies are needed from an external or parent source |
| mb-disconnect | Dispatched when the component disconnects |
| mb-input | Dispatched when the input changes |