inlineFlex

Type: Function

How to get inlineFlex?

JavaScript

import { inlineFlex } from 'fds/system';

A styling mixin used for styling an element with "display: inline-flex;", causing a flexbox context in the specified direction.

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.