You are looking at the documentation of the work in progress Hope UI 1.0, examples and information may be broken or outdated.

Layout

Center

Centers content vertically and horizontally.

Import

ts
import { Center } from "@hope-ui/core";

ts
import { Center } from "@hope-ui/core";

All elements inside Center are centered

tsx
<Center bg="royalblue" h="100px" color="white">
  All elements inside Center are centered
</Center>

tsx
<Center bg="royalblue" h="100px" color="white">
  All elements inside Center are centered
</Center>