半径

<Theme radius="medium">
	<TextField.Root size="3" placeholder="回复…">
		<TextField.Slot side="right" px="1">
			<Button size="2">发送</Button>
		</TextField.Slot>
	</TextField.Root>
</Theme>

<Theme radius="full">
	<Flex align="center" gap="3">
		<Button>保存</Button>
		<Switch defaultChecked />
		<Checkbox defaultChecked />
	</Flex>
</Theme>

<Flex align="center" gap="3">
	<Button radius="none">保存</Button>
	<Button radius="small">保存</Button>
	<Button radius="medium">保存</Button>
	<Button radius="large">保存</Button>
	<Button radius="full">保存</Button>
</Flex>

/* 自动响应半径因子的半径值 */
var(--radius-1);
var(--radius-2);
var(--radius-3);
var(--radius-4);
var(--radius-5);
var(--radius-6);

/* 控制主题半径的乘数 */
var(--radius-factor);

/*
 * 用于计算完全圆润半径的变量。
 * 通常用于 CSS 的 `max()` 函数中。
 */
var(--radius-full);

/*
 * 用于计算拇指元素半径的变量。
 * 通常用于 CSS 的 `max()` 函数中。
 */
var(--radius-thumb);