开发预览 更新于 2026-05-10

ProtocolBadge 协议徽标

12 种协议的彩色 + 字母双编码徽标。HTTP method 与传输协议共享一套样式。

基础用法

支持 GET / POST / PUT / PATCH / DELETE / HEAD / OPTIONS(HTTP)+ WS / MQTT / gRPC / SSE / GraphQL(传输 / 协议)。 颜色由 --proto-* token 决定,色盲友好(额外用首字母编码)。

GETPOSTPUTPATCHDELHEADOPTSWSMQTTgRPCSSEGQL
<CfProtocolBadge kind="get" />
<CfProtocolBadge kind="post" />
<CfProtocolBadge kind="grpc" />
<CfProtocolBadge kind="ws" />
<CfProtocolBadge kind="get" />
<CfProtocolBadge kind="post" />
<CfProtocolBadge kind="grpc" />
<CfProtocolBadge kind="ws" />

CfMethodBadge 别名

CfMethodBadgeCfProtocolBadge 的别名导出,语义上专用于 HTTP method 列表。

API

属性类型默认值说明
kindProtocolKind | string大小写不敏感;未识别值显示原文 + 默认灰背景
size'sm' | 'md' | 'lg''md'32×16 / 38×18 / 46×22

ProtocolKind = 'get' | 'post' | 'put' | 'patch' | 'del' | 'delete' | 'head' | 'options' | 'opt' | 'ws' | 'mqtt' | 'grpc' | 'sse' | 'gql' | 'graphql'

反馈与讨论

ProtocolBadge 协议徽标 的讨论

0
0 / 600
一键发送
正在加载评论...