How to use the baseui/popover.PLACEMENT.bottomLeft function in baseui

To help you get started, we’ve selected a few baseui examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github streamlit / streamlit / frontend / src / lib / widgetTheme.ts View on Github external
},
            ":disabled": {
              backgroundColor: "transparent",
              color: grayDark,
            },
          },
        },
      },
    },
  },
}

export const datePickerOverrides = {
  Popover: {
    props: {
      placement: POPOVER_PLACEMENT.bottomLeft,
    },
  },
  CalendarContainer: {
    style: {
      fontSize: fontSizeSm,
    },
  },
  CalendarHeader: {
    style: {
      // Make header look nicer.
      backgroundColor: gray,
    },
  },
  MonthHeader: {
    style: {
      // Make header look nicer.
github uber / baseweb / documentation-site / examples / table-grid / nested.js View on Github external
{format(row[2], 'yyyy-MM-dd h:mm a')}
      
      
        <div>
          {row[5]}
        </div>
         (
             close()}
              overrides={{
                List: {style: {height: '144px', width: '138px'}},
              }}
            /&gt;
          )}
        &gt;
          <button size="compact" kind="minimal" shape="square"></button>
github uber / baseweb / documentation-site / components / version-selector.js View on Github external
const VersionSelector = () =&gt; {
  return (
     (
        
           {
              window.open(`https://${item.label}.baseweb.design`);
              close();
            }}
            overrides={{
              List: {
                style: {
                  width: '100px',
                },
              },
              Option: {
github uber / baseweb / documentation-site / examples / table-grid / nested.tsx View on Github external
{format(row[2], 'yyyy-MM-dd h:mm a')}
      
      
        <div>
          {row[5]}
        </div>
         (
             close()}
              overrides={{
                List: {style: {height: '144px', width: '138px'}},
              }}
            /&gt;
          )}
        &gt;
          <button size="compact" kind="minimal" shape="square"></button>
github uber / baseweb / documentation-site / examples / popover / ref-handling.js View on Github external
export default () =&gt; {
  const [css] = useStyletron();
  return (
    <div>
      
            This is a popover example
          
        }
        accessibilityType={'tooltip'}
      &gt;
        
          Created a wrapper component that renders Checkbox and
          passes popover's anchor props to the Checkbox's Root
          element.
        
      
      <br>
      </div>
github uber / baseweb / documentation-site / examples / button / dropdown.js View on Github external
export default () =&gt; (
   (
       close()}
        overrides={{
          List: {style: {height: '150px', width: '138px'}},
        }}
      /&gt;
    )}
  &gt;
    <button> }&gt;
      Open Menu
    </button>
  
);
github uber / baseweb / documentation-site / examples / popover / ref-handling.tsx View on Github external
content={
          
            This is a popover example
          
        }
        accessibilityType={'tooltip'}
      &gt;
        
          Created a wrapper component that renders Checkbox and
          passes popover's anchor props to the Chackbox's Root
          element.
        
      
      <br>
      
            This is a popover example
          
        }
        accessibilityType={'tooltip'}
      &gt;
        <span>
          
            Wrapped checkbox with props passed to the wrapper.
          
        </span>
      
    
  );