Skip to content
🎤 Builder Talk: The Story Behind Lady Gaga’s Digital Experience – Register now
Get help on Slack

How to Edit the Text in Studio for the Add-Button in an Array

4 replies
Last updated: Dec 7, 2020
Is there any way to edit the text in studio for the Add-button in an array?
Dec 7, 2020, 12:33 PM
Hey there! 🙂 As far as I've found from digging around in the form-builder a bit it looks like it's hard coded at the moment.
Will check some more to see if there are ways to customise it via the schema or something.

What's the use case? Localisation maybe?
🙂
Dec 7, 2020, 1:58 PM
It’s mostly about making it more intuitive for the editors what they can add
Dec 7, 2020, 2:16 PM
I see! That makes a lot of sense 🙂
I did some asking around and I'm sorry to say that this is something we don't support at the moment. But we are looking to improve this kind of customization going forward
🙂 Thanks for asking!
Dec 7, 2020, 2:44 PM
user L
This is a total hack, and it doesn't actually get rid of the word Add, but you could provide additional text to the button with this:
Add a style override to your sanity.json file so it contains something like:


"parts": [
    {
      "name": "part:@sanity/base/schema",
      "path": "./schemas/schema"
    },
    {
      "implements": "part:@sanity/base/theme/variables/override-style",
      "path": "./sanityOverrides.css"
    }
  ]
Then, in 
sanityOverrides.css
, you could do something like:

:global([class^="ArrayInput"] [class^="DefaultButton_text"])::after {
  content: ' item';
}
It's ugly, but it does let you add to the button text (
::before
to prepend "Add"). Not battle tested. I'm sure there's a method using JavaScript that is not only cleaner, but lets you remove the word Add.
Dec 7, 2020, 6:13 PM

Sanity– build remarkable experiences at scale

Sanity is a modern headless CMS that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Get started for freeExplore the demo

Was this answer helpful?

Related answers

Get more help in the community Slack

TopicCategoriesFeaturedRepliesLast Updated
Rendering nested block contentJan 18, 2021
DOMParser is not defined at defaultParseHtmlDec 3, 2020
Next.js and Vercel - Error! No Output Directory named "dist" foundAug 8, 2022
List Arrays - Is it Possible to Fill a List Array Within a Schema Asynchronously?Mar 16, 2021
Custom Document Views - Is it Even Possible to Use the Structure Builder?Apr 21, 2022
TypeError: Cannot Read Properties of Null (Reading 'jsonType')Sep 28, 2022
Error in custom validation rule for schema in Slack threadAug 18, 2023
How to populate a list of values in a Sanity schema using a separate fileSep 6, 2021
Hi all! Does anyone have problem on deoplloying on Vercel (Using Next. js as a frontend)? I have two test projects, andonce...Jan 25, 2021
Handling dynamic meta titles and descriptions in SanityFeb 25, 2021

Related contributions

Turbo Start Sanity
Template

Featured

The battle-tested Sanity template that powers Roboto Studio's websites

Schema UI - Next.js Sanity Starter
Template

Featured

A Next.js starter template with Next.js 15, Tailwind CSS, shadcn/ui, and Sanity CMS with Live Editing. Get production-ready React components with matching Sanity schemas and queries. Build dynamic pages faster while keeping full control over customization.

Serge Ovcharenko

The Swaddle
Made with Sanity

Featured

A new brand identity to represent a more mature company, to signify The Swaddle’s evolution from publisher to production house, combined with an easier to navigate platform that can surface multiple content types - drawing readers through The Swaddle’s content offering.

Nightjar