flex

Type: Function

How to get flex?

JavaScript

import { flex } from 'fds/system';

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

Arguments

  1. flexDirection

    (Required)

    Type: String

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

    • 'column',

    • 'column-reverse',

    • 'row',

    • 'row-reverse'

Returns

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.