rjsf-team/react-jsonschema-form

ButtonTemplates: differentiate between array and object AddButton

Open

#3175 opened on Oct 4, 2022

View on GitHub
 (2 comments) (0 reactions) (1 assignee)TypeScript (13,175 stars) (2,136 forks)batch import
featurehelp wanted

Description

Prerequisites

What theme are you using?

core

Is your feature request related to a problem? Please describe.

v5 adds ButtonTemplates.AddButton, but in my case we want to use different icons between adding items to an array vs adding additionalProperties to an object

Describe the solution you'd like

  • Different button templates for the add to array and add to object
  • OK to have one fall back to the other if needed to avoid a breaking change or to keep the interface simple

Describe alternatives you've considered

No response

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Reactreact jsonschema form basicsButtonTemplates concept
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45
Research direction
Examine the current ButtonTemplates API in the source code (e.g., src/components/AddButton). Review how AddButton is invoked for array items vs additionalProperties in objects. Look at the existing prop 'addButton' and determine how to introduce separate templates (e.g., arrayAddButton and objectAddButton) with a fallback to maintain backward compatibility. Consider the maintainer's feedback in the issue comments for any clarifications.