Back to documentation

Code

A content container that shows text formatted as code.

Information

Plan: Personal
Added at: 2026-10-20

Example

This is code with some text.

Properties

PropertyTypeDefault
Background color
string
"var(--ophixor-semantic-surface-base-tertiary)"
Box shadow
string
"var(--ophixor-semantic-shadow-medium)"
Opacity
string
"1"
Transition
string
"none"
Border width
string
"1px"
Border top width
string
"var(--code-border-width)"
Border right width
string
"var(--code-border-width)"
Border bottom width
string
"var(--code-border-width)"
Border left width
string
"var(--code-border-width)"
Border radius
string
"6px"
Border color
string
"var(--ophixor-semantic-border-default)"
Color
string
"var(--ophixor-semantic-text-primary)"
Flexbox direction
enum<string>
"column"
Flexbox wrap
enum<string>
"wrap"
Position
enum<string>
"relative"
Top
string
"auto"
Right
string
"auto"
Bottom
string
"auto"
Left
string
"auto"
Z-index
string
"auto"
Transform
string
"none"
Align items along the cross axis
enum<string>
"stretch"
Justify content along the main axis
enum<string>
"stretch"
Padding
string
"1rem 1.25rem"
Gap
string
"1rem"
Margin
string
"0px"
Width
string
"auto"
Minimum width
string
"0px"
Maximum width
string
"100%"
Height
string
"auto"
Minimum height
string
"0px"
Maximum height
string
"none"
Flexbox grow
string
"0"
Flexbox shrink
string
"1"
Overflow
enum<string>
"visible"
Is visible
boolean
true
Selectors
array
[]