component defaults example of Newskit button for blog

button-with-component-defaults.jsx

//Declare our custom theme
const myCustomTheme = createTheme({
  name: 'newskit-component-defaults-change',
  overrides: {
    componentDefaults: {
      button: {
        medium: {
          typographyPreset: 'utilityButton010',
          stylePreset: 'buttonOutlinedPrimary',
        },
      },
    }
  },
});

//Wrap in our custom theme provider
<ThemeProvider theme={myCustomTheme}>
  <Button>Button Stlyed through component defaults</Button>
  <Button overrides={{stylePreset:'buttonSolidPrimary'}} >
    Can still apply overrides over defaults
  </Button>
</ThemeProvider>