radioGroup

radioGroup is an object within the theme property for overriding radio button styles.

<Vizzly.Dashboard
  // ...
  theme={{
    radioGroup: {
      label: {
        color: "initial",
        fontSize: "13px",
        fontWeight: "inherit",
      },
      description: {
        color: "#5f6773",
        fontSize: "11px",
        fontWeight: "inherit",
      },
    },
  }}
/>

Radio Groups

Radio Groups are featured within <Vizzly.Dashboard/> in the following loctions:

In the dashboard download modal.
In the View download modal.
In the View Editor, within the 'Math Custom Metric' modal (accessed within 'Advanced Options').
In the View Editor, within the 'Percentage Custom Metric' modal (accessed within 'Advanced Options').
In the View Editor, within the 'Conditional Formatting' modal when multiple colours are available.

Default Values

import Vizzly, { type VizzlyTheming } from "@vizzly/dashboard"
 
export function Dashboard() {
  const theme: VizzlyTheming.Base = {
    radioGroup: {
      // Default Values
      label: {
        color: "initial",
        fontSize: "13px",
        fontWeight: "inherit",
      },
      description: {
        color: "#5f6773",
        fontSize: "11px",
        fontWeight: "inherit",
      },
    },
  }
 
  return (
    <Vizzly.Dashboard
      // ...
      theme={theme}
    />
  )
}