Creating custom buttons with more types

[AbhilashMo4]

I want to create button with more types. Currently, it only takes primary, secondary and tertiary in select component. Is there any possible ways to achieve this if I need more variations for button block?

[ShaileshBassi · Accepted solution]

hi @AbhilashMo4 IMO, you can create your own custom component over here, and leverage the options for selecting and decorating the block 

{
  "component": "select",
  "label": "Button Type",
  "name": "filter_ButtonType",
  "valueType": "string",
  "options": [
    { "name": "option1", "value": "Option 1" },
    { "name": "option2", "value": "Option 2" },
    { "name": "option3", "value": "Option 3" },
    { "name": "option4", "value": "Option 4"  },
    { "name": "option5", "value": "Option 5" },
    { "name": "option6", "value": "Option 6" }
  ]
}

Hope this helps!

Thanks