alignment

textCentered•
textLeft•
textRight

They enable the alignment of text and inline-block elements within its containers.

`textCentered`

import { Box, alignmentHelpers } from '@flixbus/honeycomb-react';

<Box extraClasses={alignmentHelpers().textCentered}>
  Has text centered
</Box>
import { Box, alignmentHelpers } from '@flixbus/honeycomb-react';

<Box extraClasses={alignmentHelpers().textCentered}>
  Has text centered
</Box>

`textLeft`

import { Box, alignmentHelpers } from '@flixbus/honeycomb-react';

<Box extraClasses={alignmentHelpers().textLeft}>
  Has text left
</Box>
import { Box, alignmentHelpers } from '@flixbus/honeycomb-react';

<Box extraClasses={alignmentHelpers().textLeft}>
  Has text left
</Box>

`textRight`

import { Box, alignmentHelpers } from '@flixbus/honeycomb-react';

<Box extraClasses={alignmentHelpers().textRight}>
  Has text right
</Box>
import { Box, alignmentHelpers } from '@flixbus/honeycomb-react';

<Box extraClasses={alignmentHelpers().textRight}>
  Has text right
</Box>