Components

InlineCode 行内代码

针对行内短代码、配置字段、CLI 命令与按键的高亮与一键复制。

基础与风格

支持 subtle（默认）、solid 与 outline 三种风格外观。

通过 bun add @recloudstudio/ui 安装依赖包。

深色高亮模式：POST /api/v1/auth 接口需要鉴权头。

边框轮廓模式：config.resolve.alias 支持别名映射。

<InlineCode code="bun add @recloudstudio/ui" />
<InlineCode code="POST /api/v1/auth" variant="solid" />
<InlineCode code="config.resolve.alias" variant="outline" />

支持一键复制

设置 copyable 为 true，用户点击即可快捷复制行内文本到剪贴板。

试着点击右侧的命令：curl -sSL https://recloud.sh | bash

插槽形式定义：VITE_API_BASE_URL=https://api.recloud.io

<InlineCode code="curl -sSL https://recloud.sh | bash" :copyable="true" />
<InlineCode :copyable="true">VITE_API_BASE_URL=https://api.recloud.io</InlineCode>

API 参考

属性	类型	默认值	说明
`code`	`string`	`''`	行内代码文本，也可通过默认插槽传入。
`copyable`	`boolean`	`false`	是否开启一键点击复制功能。
`variant`	`'subtle' \| 'solid' \| 'outline'`	`'subtle'`	视觉样式变体。
`slot: default`	`slot`	`—`	自定义行内内容。