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.