OverflowSet

The OverflowSet is a flexible container component that is useful for displaying a primary set of content with additional content in an overflow callout.

Interface

interface IOverflowSet extends IElement {
  items: IOverflowSetItemProps[];
  overflowItems: (IContextualMenuItem & { visible?: boolean })[];
  styles: IStyleFunctionOrObject<IOverflowSetProps, IOverflowSetStyles>;
}

Example

{
  "type": "OverflowSet",
  "items": [{
    "key":"item1",
    "name":"Link",
    "onClick":{
      "type": "OpenUrlNewTab",
      "url": "{base.urls.siteUrl}"
    }
  }],
  "overflowItems": [{
    "key":"item2",
    "name":"Overflow link",
    "onClick":{
      "type": "OpenUrlNewTab",
      "url": "{base.urls.siteUrl}"
    }
  }]
}

Properties

type

Must be “OverflowSet”.

• Type: "OverflowSet"

• Required: Yes

items

Items rendered in the primary set.

• Type: IOverflowSetItemProps[]

• Required: No

overflowItems

Items rendered into an overflow callout.

• Type: (IContextualMenuItem & { visible?: boolean })[]

• Required: No

styles

Allow to add styles for primary set of items and overflow callout.

• Type: IStyleFunctionOrObject<IOverflowSetProps,IOverflowSetStyles>

• Required: No