Skip to content

Use spacing BD values for FlexGap, GridGap, etc #912

@MariaJose

Description

@MariaJose

Is your feature request related to a problem? Please describe.
Right now we are using css values for FlexGap, GridGap, etc. However, would be good to use BD spacing values when using this props for Flex and Grid components.

Describe the solution, feature, or improvement you'd like
Use Spacing BD values for FlexGap, FlexColumnGap, FlexRowGap, GridGap, GridColumnGap, and GridRowGap props.

References:
Spacing values in BD: https://developer.bigcommerce.com/big-design/spacing
Flex component: https://developer.bigcommerce.com/big-design/flex
Grid component: https://developer.bigcommerce.com/big-design/grid

Example:

How it can be used for now:

<Flex flexGap="1rem" />

Suggestion:

<Flex flexGap="small" />

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions