MultiselectActionBar

Summary

MultiselectActionBar is a simple component that can be placed in a {Sheet} Toolbar. When the provided dataStore has a selection, it appears over the other items in the toolbar.

Generally, you wrap {MultiselectActionBar} in your own simple component to provide a dataStore and other settings:

class MultiselectActionBar extends React.Component
  @displayName: 'MultiselectActionBar'

  render: =>
    <MultiselectActionBar
      dataStore={ThreadListStore}
      className="thread-list"
      collection="thread" />

The MultiselectActionBar uses the ComponentRegistry to find items to display for the given collection name. To add an item to the bar created in the example above, register it like this:

ComponentRegistry.register ThreadBulkTrashButton,
  role: 'thread:Toolbar'

Class Properties

propTypes

React `props` supported by MultiselectActionBar:

dataStore An instance of a {ListDataSource}.
collection The name of the collection. The collection name is used for the text that appears in the bar "1 thread selected" and is also used to find components in the component registry that should appear in the bar (`thread` => `thread:BulkAtion`)

results matching ""

    No results matching ""