Tabs with links

import { Tabs } from '@ark-ui/react/tabs'

export const Example = () => {
  return (
    <Tabs.Root defaultValue="react">
      <Tabs.List>
        <Tabs.Trigger value="react" asChild>
          <a href="#react">React</a>
        </Tabs.Trigger>
        <Tabs.Trigger value="solid" asChild>
          <a href="#solid">Solid</a>
        </Tabs.Trigger>
        <Tabs.Trigger value="vue" asChild>
          <a href="#vue">Vue</a>
        </Tabs.Trigger>
        <Tabs.Indicator />
      </Tabs.List>
      <Tabs.Content value="react">Current Page: /examples/tabs/links#react</Tabs.Content>
      <Tabs.Content value="solid">Current Page: /examples/tabs/links#solid</Tabs.Content>
      <Tabs.Content value="vue">Current Page: /examples/tabs/links#vue</Tabs.Content>
    </Tabs.Root>
  )
}