How to use the @uifabric/variants.addVariants function in @uifabric/variants

To help you get started, we’ve selected a few @uifabric/variants examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github OfficeDev / office-ui-fabric-react / packages / theme-samples / src / WordCustomizations.ts View on Github external
borderWidth: 1,
            textSize: 13.5,
            textWeight: 600,
            iconSize: 12,
            contentPadding: '0px 6px'
          },
          !props.circular && {
            minHeight: 26
          }
        ];
      }
    }
  }
};

addVariants(WordCustomizations.settings.theme);
github OfficeDev / office-ui-fabric-react / packages / theme-samples / src / TeamsCustomizations.ts View on Github external
textColorHovered: '#fff',
              textColorPressed: '#fff',
              iconColorHovered: '#fff',
              iconColorPressed: '#fff'
            },
          props.primary &&
            !props.disabled && {
              iconColor: 'white'
            }
        ];
      }
    }
  }
};

addVariants(TeamsCustomizations.settings.theme);
github OfficeDev / office-ui-fabric-react / packages / fluent-theme / src / FluentCustomizations.ts View on Github external
import { FluentTheme } from './fluent/FluentTheme';
import { FluentStyles } from './fluent/FluentStyles';
import { ICustomizations } from 'office-ui-fabric-react';
import { addVariants } from '@uifabric/variants';

export const FluentCustomizations: ICustomizations = {
  settings: {
    theme: { ...FluentTheme }
  },
  scopedSettings: { ...FluentStyles }
};

addVariants(FluentCustomizations.settings.theme);