Skip to content

Toolbar - spacer/gap updates #10387

@mcoker

Description

@mcoker

Follow up from patternfly/patternfly#6659

Individual toolbar spacers .pf-m-spacer-{val} no longer exist. Instead we've switched to pf-m-gap, row-gap, column-gap

  • Remove spacer={{ ... }}
  • Add column-gap={{ ... }}
    • Applies .pf-m-column-gap-[none/sm/md/lg/xl/2xl]{-on-[breakpoint]}
  • Add row-gap={{ ... }}
    • Applies .pf-m-row-gap-[none/sm/md/lg/xl/2xl]{-on-[breakpoint]}
  • Add gap={{ ... }}
    • Applies .pf-m-gap-[none/sm/md/lg/xl/2xl]{-on-[breakpoint]}
  • Update example using spacer= to highlight updated spacing system (I'll provide guidance here)

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

Status
Done

Relationships

None yet

Development

No branches or pull requests

Issue actions