margin

Type: Function

How to get margin?

JavaScript

import { margin } from 'fds/system';

A styling mixin used for setting a margin around the element in the specified size.

Arguments

  1. marginSize

    (Required)

    Type: Number | String

    The amount of margin rendered by the component.

    This should be a either, A single size value, one of the following values:

    • 0 (zero, no margin at all)

    • 's' (small)

    • 'sm'(between small and medium)

    • 'm' (medium)

    • 'l' (large)

    to set the marginSize for the top, right, bottom and left side to a single shared value.

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.