[mui] Stack 우측 정렬 하는 법

<Stack direction='row' spacing={2}>
   <ModeButton />
   <Theme />
</Stack>

오른쪽으로 옮기고 싶다..!!
(direction은 child들을 쌓을 방향, spacing은 차일드 사이 간격이다.)

TA-DA!

<Stack direction='row' justifyContent='flex-end' spacing={2}>
   <ModeButton />
   <Theme />
</Stack>

justifyContent props를 이용해 조정할 수 있다.

justifyContent 내에는

• flex-start
• center
• flex-end
• space-between
• space-around
• space-evenly

아래와 같은 옵션이 있으니 필요에 맞게 사용하면 된다.

docs<Stack>