Border between flat ButtonToggle?

[mtn090899]

Hello, so I want to put borders between the button options within the Button Toggle component

I see that there is a gap in between the buttons, is it possible to thin this gap and change its color? Or any other manner to achieve a similar result?

Thank you

[pdanpdan]

Make a codepen

[mtn090899]

Not a codepen, but here is a quick makeup of the code effectively. The actual code I'm working on is a storybook.

<div id="q-app">
 <q-btn-toggle 
  v-model="model"             
  options = [
    { label: 'Option 1', value: 'option1' },
    { label: 'Option 2', value: 'option2' },
  ],
  colo r= 'transparent',
  text-color = 'black',
  unelevated></q-btn-toggle>
</div> 

JS:

import { ref } from 'vue'

const model = ref('option1')

[suleimanas]

you can always use css, and style q-btn-toggle > q-btn

[mtn090899]

Well I'm specifically trying to modify the space in between the buttons, and I can't seem to figure out the exact tags to modify for that little sliver of space, or if its able to be modified in the first place

[mtn090899]

Nevermind, got it!