How do I eliminate the select dropdown when using anyOf?

[zeckdude]

Prerequisites

• I have read the documentation

What theme are you using?

core

What is your question?

I have this example schema in the playground:

{
  "title": "A registration form",
  "description": "A simple form example.",
  "type": "object",
  "required": [
    "firstName",
    "lastName"
  ],
  "properties": {
    "ipAddresses": {
      "type": "array",
      "items": {
        "anyOf": [
          {
            "type": "string",
            "format": "ipv4"
          },
          {
            "type": "string",
            "format": "ipv6"
          }
        ]
      }
    }
  }
}

I'm trying to collect multiple IP addresses but when it shows the UI elements, it shows the text field (which I want) but it also shows a dropdown with Option 1 and Option 2 as the options (which I don't want). How can I remove that dropdown?

As a bonus, how can I implement validation based on the fact that this field should be an IP address?

As a second bonus, how can I set the section titles and field titles so it sounds more natural? Do I need to set that in the UI schema or in the JSON schema?

[nickgros]

Hi @zeckdude , some other folks have tried to do this and it kind of depends on your schema. We have some suggestions in this issue. Check that out and let us know if any of those work.

For validation, you can use ajv-formats, which supports ipv4 and ipv6 as formats. Here is some documentation about how to use it in RJSF.

You can add titles and descriptions using the "title" and "description" fields in the schema or the ui:title and ui:description fields in the UI Schema. It all depends on what best fits your use case. Here's some more documentation on this.