Creating a Multi Tab accordion block on Payload

techinverted2 years ago

2

• 

  jessrynkar2 years ago

  Hi

  @149873958760480769

  , 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
• 

  techinverted2 years ago

  Thanks so much

  @854377910689202256