Creating a Multi Tab accordion block on Payload

roac

3 weeks ago

2

• 

  jesschow

  Payload Team

  2 weeks ago

  Hi @roac, you could setup your fields like this:

  
  
  

  {
    name: 'tabs',
    type: 'array',
    fields: [
      {
        name: 'tabTitle',
        type: 'text',
      },
      {
        name: 'accordion',
        type: 'array',
        fields: [
          {
            name: 'label',
            type: 'text',
          },
          {
            name: 'answer',
            type: 'richText',
          },
        ],
      },
    ],
  }

  
  
  

  As for the frontend, I would recommend checking out the faceless UI collapsibles:

  https://facelessui.com/docs/collapsibles
• 

  roac

  last week

  Thanks so much @jesschow