Formula has several
data-formula-* attributes that can be read and applied to forms
This attribute is used when you want to provide a custom name for your data group - this is required when using Radio
groups with beaker as each group requires a unique
<input name="..."> value. It is optional for
any other field - if used all stores will use this key.
This attribute is used when you want to bind different, or custom events to an input - for example when writing a custom component, or when you want to bind other events to a component. When using this attribute the default binding won't happen, so it must also be passed if you want to use this.
Multiple events can be bound by using the pipe (
Set if the form field or group has been touched
Set if the form field or group is a dirty value
Set if the form field or group is invalid
While custom messages for errors can be passed via the
formula options they can also be set on any element using a
Kebab-case version of the error name.
For example if you want to override the default
typeMismatch error use
data-type-mismatch and provide the message.
These will always override any custom option messages.
You can override any ValidityState messages, or custom validation messages