"whiteAlpha" | "blackAlpha" | "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink" | "linkedin" | "facebook" | "messenger" | "whatsapp" | "twitter" | "telegram"Code
Code is a component used to display inline code. It is composed from the Box component with a font family of `mono` for displaying code.
Props#
colorScheme
colorSchemeType
Default
"gray"size
sizeDescription
Sizes for Code are not implemented in the default theme. You can extend the theme to implement them.
Type
stringvariant
variantType
"solid" | "subtle" | "outline"Default
"subtle"Props#
colorScheme
colorSchemeType
"whiteAlpha" | "blackAlpha" | "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink" | "linkedin" | "facebook" | "messenger" | "whatsapp" | "twitter" | "telegram"Default
"gray"size
sizeDescription
Sizes for Code are not implemented in the default theme. You can extend the theme to implement them.
Type
stringvariant
variantType
"solid" | "subtle" | "outline"Default
"subtle"// TODO