HStack

This component is inherited from Stack

See also: CHStack, CVStack, VStack

HStack is a specialized, shorthand version for the regular Stack component with a horizontal orientation.

<App>
  <HStack>
    <Stack height="32px" width="32px" backgroundColor="red" />
    <Stack height="32px" width="32px" backgroundColor="blue" />
    <Stack height="32px" width="32px" backgroundColor="green" />
  </HStack>
</App>

<App>
  <HStack>
    <Stack height="32px" width="32px" backgroundColor="red" />
    <Stack height="32px" width="32px" backgroundColor="blue" />
    <Stack height="32px" width="32px" backgroundColor="green" />
  </HStack>
</App>

You cannot change the orientation of HStack from horizontal to vertical by setting the orientation prop, as the engine ignores that setting.