<ui-form>

<template
  is="ui-form"
  action="string"
  method="string"
  success="string"
  error="string"
  redirect="string"
  fields="array"
>
  <div class="ui-form">
    <form
      action="{{props.action ?? ''}}"
      method="{{props.method || 'post'}}"
      data-success="{{props.success ?? ''}}"
      data-error="{{props.error ?? ''}}"
      data-redirect="{{props.redirect ?? ''}}"
    >
      <span
        class="ui-form-field"
        map="field of props.fields"
        if="Array.isArray(props.fields) &&
        props.fields.length"
      >
        <ui-field props="{{field}}"></ui-field>
      </span>
    </form>
  </div>
</template>