section

section is an object within the theme property for overriding field groups in the View Editor.

<Vizzly.Dashboard
  // ...
  theme={{
    accordion: {
      iconColor: '#3074D9',
      button: {
        fontWeight: 400,
        fontSize: 13,
        color: '#3074D9',
      },
    },
  }}
/>

Sections

Sections are wrapper elements for all field groups within the <Vizzly.Dashboard/> View Editor.

Default Values

import Vizzly, { type VizzlyTheming } from '@vizzly/dashboard';
 
export function Dashboard() {
  const theme: VizzlyTheming.Base = {
    section: {
        // Default Values
      panel: {
        border: "0",
        background: "transparent",
        boxShadow: "unset",
        borderRadius: "0",
        padding: "0",
      },
      title: {
        lineHeight: "inherit",
        color: "inherit",
        fontFamily: "inherit",
        fontSize: "inherit",
        fontWeight: "inherit",
        margin: "0",
      },
    },
  };
 
  return (
    <Vizzly.Dashboard
      // ...
      theme={theme}
    />
  );
}