@teambit/base-ui.layout.align

Align

A set of CSS components to align elements.

$3

Same as css property text-align.

``tsx
import { text } from '@bit/bit.base-ui.layout.align';
function A() {
return

;
}
`

$3

Align elements according to html breakpoints.

`tsx
import { text } from '@bit/bit.base-ui.layout.align';
function B() {
return


}
`

$3

Same as margin-left: auto; margin-right: auto.

`tsx
import { marginCenter } from '@bit/bit.base-ui.layout.align';

function C() {
return

;
}
`

Breakpoints:

- (default) (all)
- xs 360px
- sm 480px
- md 768px
- l 920px
- lg 1080px
- xl 1440px`