Skip to main content
type Alignment = 
  // Standard alignments
  | "center"
  | "leading"
  | "trailing"
  | "top"
  | "bottom"
  // Corner alignments
  | "topLeading"
  | "topTrailing"
  | "bottomLeading"
  | "bottomTrailing";

Values

Standard Alignments

center
string
Centers the content both horizontally and vertically within the container.
leading
string
Aligns content to the leading edge (left in left-to-right languages, right in right-to-left languages).
trailing
string
Aligns content to the trailing edge (right in left-to-right languages, left in right-to-left languages).
top
string
Aligns content to the top edge of the container.
bottom
string
Aligns content to the bottom edge of the container.

Corner Alignments

topLeading
string
Aligns content to the top-leading corner of the container.
topTrailing
string
Aligns content to the top-trailing corner of the container.
bottomLeading
string
Aligns content to the bottom-leading corner of the container.
bottomTrailing
string
Aligns content to the bottom-trailing corner of the container.