PowrPanel

Panel is an accordian style item which may or may not have child content.

Props

panelTitle - Title to be displayed on the panel. namespace - Namespace is the unique identifier for any of POWr components. This is usually the corresponding attribute on the backbone model. observableStore - This is the shared data store that stores and updates react components as various values within it change. If you are using this within the context of app configurations with PowrSections (or react component builder) this is passed in automagically by the react component builder. innerComponents - These are the items that go within the panel's content section, which show up when you click on the panel title. addedClass - class added on panel with title and children innerClass - class added to the content

{
    powrComponent: PowrPanel,
    passedProps: {
      namespace: 'importExisting',
    },
    dynamicProps: [
      {
        propName: 'panelTitle',
        key: 'observableStore.model.meta.app_common_name',
        evaluate: currentValue => {
          return ${sc('app_settings.import.import_existing')} ${currentValue};
        },
      },
    ],
    innerComponents: [
      {
        powrComponent: AppsList,
      },
    ],
  },