How to get flex

import { flex } from 'fds/system';

Type: Function

A styling mixin used for styling an element with "display: flex;", while fixing any cross-browser quirks when rendered inside a flexbox context.


# Name Type Description
1. flexDirection String

The direction in which to flex the child components. The possible values are:

  • 'column',

  • 'column-reverse',

  • 'row',

  • 'row-reverse'


Type: String

A style rule resulting in a generated class name on the element.

Generally created using fds/system/applyCss and/or any styling utility provided by FDS.

Was this page helpful?