tooltips

tooltips is an object within the theme property for overriding helper tooltips shown throughout <Vizzly.Dashboard/>.

<Vizzly.Dashboard
  // ...
  theme={{
    tooltips: {
      background: "#374151",
      color: "white",
    },
  }}
/>

Default Values

import Vizzly, { type VizzlyTheming } from "@vizzly/dashboard"
 
export function Dashboard() {
  const theme: VizzlyTheming.Base = {
    tooltips: {
      // Default Values
      background: "#374151",
      borderRadius: "4px",
      boxShadow: "unset",
      color: "white",
      fontFamily: "inherit",
      fontSize: "0.75rem",
      fontWeight: 500,
      letterSpacing: "0.1em",
      lineHeight: "1rem",
      padding: "6px 8px",
    },
  }
 
  return (
    <Vizzly.Dashboard
      // ...
      theme={theme}
    />
  )
}