nori-ui

HStack

Horizontal stack with gap, align, and justify.

At a glance

  • Flex row with configurable gap, align, justify.
  • Maps to flex-row on web, flex direction row on native.

Web preview

Native preview

Props

PropTypeDefaultDescription
gap'xs' | 'sm' | 'md' | 'lg' | 'xl''md'Space between children
align'start' | 'center' | 'end' | 'stretch''stretch'Cross-axis alignment
justify'start' | 'center' | 'end' | 'between' | 'around''start'Main-axis justification
classNamestringNativeWind class overrides

On this page