How to use the @blueprintjs/core.Position.BOTTOM_LEFT function in @blueprintjs/core

boundaryToModify={this.state.boundaryToModify}
                onChange={this.handleDateRangePickerChange}
                onShortcutChange={this.handleShortcutChange}
                onHoverChange={this.handleDateRangePickerHoverChange}
                value={this.getSelectedRange()}
            />
        );

        const popoverClassName = classNames(popoverProps.className, this.props.className);

        // allow custom props for the popover and each input group, but pass them in an order that
        // guarantees only some props are overridable.
        return (
            
                <div>
                    {this.renderInputGroup(Boundary.START)}
                    {this.renderInputGroup(Boundary.END)}
                </div>
            
        );
    }

capabilities are rolled out
															
															<menuitem href="{`/pub/${">
														*/}
													
												),
												minimal: true,
												position: Position.BOTTOM_LEFT,
											},
										},
									]}
									isSkewed={true}
								/&gt;

								{/* Merge Button */}
								{!currentBranchIsPublicBranch &amp;&amp;
									pubData.activeBranch.canManage &amp;&amp;
									publicBranch.canManage &amp;&amp; (
										
															<span>Publish</span></menuitem>

{item.title}
									{item.id && !item.isPublic && (
										
									)}
								
							
						
					);
				}}
				resetOnSelect={true}
				onItemSelect={this.handleCollectionPubAdd}
				noResults={<menuitem disabled="">}
				popoverProps={{
					// isOpen: this.state.queryValue,
					popoverClassName: 'bp3-minimal collections-autocomplete-popover',
					position: Position.BOTTOM_LEFT,
					modifiers: {
						preventOverflow: { enabled: false },
						hide: { enabled: false },
					},
				}}
			/&gt;
		);
	}
</menuitem>

<button>
                  <code style="{{">{previewName}</code>
                </button>
              
            ) : (
              <span>
                <span>&nbsp;
                <code style="{{">{previewName}</code>
              </span>
            )}
          
          <div>
            <span>
            {preview.props.children.length &gt; 1 ? (
              
                <button>
                  {previewState.props.name}
                </button>
              
            ) : (
              <span>
                <span>&nbsp;
                {previewState.props.name}
              </span>
            )}
          </span></span></div>
        
        <main style="{{">
          
            
          </main></span>

const trackId = track.id;

        const liked = SC.hasID(track.id, (track.kind === 'playlist' ? likes.playlist : likes.track));
        const reposted = SC.hasID(track.id, (track.kind === 'playlist' ? reposts.playlist : reposts.track));

        const currentPlaylist: CombinedUserPlaylistState | null =
            currentPlaylistId ? userPlaylists.find((p) => p.id === +currentPlaylistId) || null : null;

        const inPlaylist = currentPlaylist ? currentPlaylist.items.find((t) => t.id === trackId) : false;

        return (
            
                        <menuitem> toggleLike(trackId, track.kind === 'playlist')}
                        /&gt;

                        <menuitem> toggleRepost(trackId, track.kind === 'playlist')}
                        /&gt;

                        {
                            _.isNil(index) &amp;&amp; (</menuitem></menuitem>

return (
      
        {onRun ? (
          
            <button>
          
        ) : (
          </button><button disabled="">
        )}
        
          </button><button>
        
      
    );
  }
}</button>

export function ToolSlotRow(props: ToolSlotRowProps) {
  const { dispatch, slot, botPosition, toolOptions, onToolSlotChange,
    chosenToolOption, gantryMounted } = props;

  return 
    
      
        <i>
        
      </i><i>
    
    {axes
      .map(axis =&gt; ({ axis, dispatch, slot, value: (slot.body[axis] || 0) }))
      .map(axisProps =&gt; (axisProps.axis === "x" &amp;&amp; gantryMounted)
        ? 
            <input value="{t(&quot;Gantry&quot;)}" disabled="">
          
        : )}
    
      </i>

render() {
    return (
      }
        position={Position.BOTTOM_LEFT}
      >
        <button>
      
    );
  }
}</button>

color={"red"}
        action={powerOff} />
      {shouldDisplay(Feature.firmware_restart) &&
        }
      
      {botOnline &&
        
          <p>
            {t("Change Ownership")}&nbsp;
          <i>
          </i></p><i>
          
        </i><i>
      }
    
  ;
}
</i>

}
												/>
												
												<menuitem>
															<b>Can Edit</b>
															<p style="{styles.menuSubText}">Allow contributor to create new versions, publish versions, manage discussions, submit to journals.</p>
														
													}
												/&gt;
											}
											interactionKind={PopoverInteractionKind.CLICK}
											position={Position.BOTTOM_LEFT}
											transitionDuration={200}
											isDisabled={(isAuthor || (canEdit &amp;&amp; numberOfEditors === 1))}
											popoverClassName="pt-minimal"
										&gt;
											
												<button type="button">
													Permission: {(canEdit || isAuthor) &amp;&amp; 'Can Edit'}{(canRead &amp;&amp; !isAuthor) &amp;&amp; 'Can Read'}{(!canRead &amp;&amp; !canEdit &amp;&amp; !isAuthor) &amp;&amp; 'None'}
													<span>
												</span></button>
											
											
											

									
								}
								{this.props.pub.canEdit &amp;&amp;</menuitem>