Remove line field group

[hendras1722]

how to remove line this field group ?

[potomyznaesh]

That line isn't a separator added by UFieldGroup — it's each button's own ring. The outline and subtle variants draw a 1px inset ring around the button (ring ring-inset ring-accented for neutral), and UFieldGroup only squares off the inner corners and overlaps the items by 1px (-space-x-px), so the ring is still visible where the two buttons meet.

To get a single control without the divider, use a variant without a ring and put the border on the group instead:

<UFieldGroup class="rounded-md ring ring-accented">
  <UButton color="neutral" variant="soft" label="Button" />
  <UButton color="neutral" variant="soft" icon="i-lucide-chevron-down" />
</UFieldGroup>

neutral + soft gives the same bg-elevated background and hover as subtle, just without the ring, and the ring on the group outlines both buttons as one shape.

If you'd rather keep variant="subtle", add class="ring-0" to each button — the class prop is merged with tailwind-merge after the variant classes, so it overrides ring — and keep the ring on the UFieldGroup as above.

Note the group ring needs to be a normal (outer) ring, not ring-inset; an inset ring on the group would be painted underneath the buttons' backgrounds.