border

Type: Function

How to get border?

JavaScript

import { border } from 'fds/system';

A styling mixin used for drawing a border around the element in the specified color.

Arguments

  1. borderColor

    (Required)

    Type: String

    The color of the border, can be any valid value for the CSS "border-color" property.

  2. borderWidth

    (Required)

    Type: String

    The width of the border, can be any valid value for the CSS "border-width" property.

    Default value

  3. borderRadius

    (Required)

    Type: String

    The radius of the border, can be any valid value for the CSS "border-radius" property.

    Default value

  4. borderStyle

    (Required)

    Type: String

    The radius of the border, can be any valid value for the CSS "border-style" property.

    Default 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.