Dropdowns

Dropdowns are used as part of the Select and the popover menu from a Button.


Cheese Curds
Milk based product
Gravy
A thickened and seasoned juice
Chips
Potato based product

Properties

Dropdown

export interface Dropdown {
  background?: CSSProperties["background"];
  color?: CSSProperties["color"];
  border?: CSSProperties["border"];
  boxShadow?: CSSProperties["boxShadow"];
  fontSize?: CSSProperties["fontSize"];
  separatorBorder?: CSSProperties["borderBottom"];
  selected?: Option;
  borderRadius?: CSSProperties["borderRadius"];
  padding?: CSSProperties["padding"];
  "&:hover"?: Option;
}
 
export type Option = {
  background?: CSSProperties["background"];
  fontWeight?: CSSProperties["fontWeight"];
  color?: CSSProperties["color"];
};

Popover Menu

export interface PopoverMenu extends Omit<Dropdown, "selected"> {}