Arco has no direct equivalent. Segmented keeps Element Plus's solid selection with themed typography and corners. See the Element Plus docs for props.
All sizes keep the solid selection; option objects can disable individual choices.
<script setup lang="ts">
import { ref } from 'vue'
const value = ref('Daily')
const sizes = ['small', 'default', 'large'] as const
const options = ['Daily', 'Weekly', { label: 'Monthly', value: 'Monthly', disabled: true }]
</script>
<template>
<el-segmented v-for="size in sizes" :key="size" v-model="value" :size="size" :options="options" />
</template>Block fills the container; vertical keeps the Element Plus vertical layout.
<script setup lang="ts">
import { ref } from 'vue'
const value = ref('Daily')
const options = ['Daily', 'Weekly', 'Monthly']
</script>
<template>
<el-segmented v-model="value" :options="options" block style="width: 100%" />
<el-segmented v-model="value" :options="options" direction="vertical" />
</template>