How to use @uifabric/experiments - 10 common examples

private _getCustomElements = (): JSX.Element => {
    return (
      <div style="{{">
        
        
      </div>
    );
  };
}

private _getCustomElementsExampleThree = (): JSX.Element => {
    return (
      <div style="{{">
        
        <div style="{{">
          
          </div></div>

private _getCustomElementsExampleOne = (): JSX.Element => {
    return (
      <div style="{{">
        
        
      </div>
    );
  };

private _getCustomElements = (): JSX.Element => {
    return (
      <div style="{{">
        
        
      </div>
    );
  };
}

private _getCustomElements = (): JSX.Element => {
    return (
      <div style="{{">
        
        
      </div>
    );
  };
}

private _getCustomElementsExampleOne = (): JSX.Element => {
    return (
      <div style="{{">
        
        
      </div>
    );
  };

private _getCustomElements = (): JSX.Element => {
    return (
      <div style="{{">
        
        
      </div>
    );
  };
}

private _getCustomElementsExampleTwo = (): JSX.Element => {
    return (
      <div style="{{">
        
        
      </div>
    );
  };

private _getCustomElementsExampleThree = (): JSX.Element => {
    return (
      <div style="{{">
        
        <div style="{{">
          
          
          </div></div>

controlledComponent: boolean;
}

export class SelectedPeopleListWithEditExample extends React.Component<{}, IPeopleSelectedItemsListExampleState> {
  private _selectionList: ISelectedPeopleList;
  private selection: Selection = new Selection({ onSelectionChanged: () => this._onSelectionChange() });

  // Used to resolve suggestions on the editableItem
  private model = new ExampleSuggestionsModel(people);
  private suggestionsStore = new SuggestionsStore();

  /**
   * Build a custom selected item capable of being edited when the item is right clicked
   */
  private SelectedItem = EditableItem({
    itemComponent: TriggerOnContextMenu(SelectedPersona),
    editingItemComponent: DefaultEditingItem({
      getEditingItemText: persona => persona.text || '',
      onRenderFloatingPicker: (props: EditingItemInnerFloatingPickerProps) => (
        
      )
    })
  });

  public render(): JSX.Element {
    return (
      <div>
        Right click any persona to edit it</div>