How to change specific elements style in storybook?

1
2
3
4
5
6
7

import { addDecorator } from '@storybook/react';

addDecorator(story => (
  <div style={{ fontFamily: 'Arial', color: 'blue' }}>
    {story()}
  </div>
));

1
2
3
4
5

export const Button = () => <button style={{ backgroundColor: 'red', color: 'white' }}>Click me</button>;

Button.parameters = {
  backgrounds: { default: 'dark' }
};

1
2
3
4
5

import { withProps } from '@storybook/addon-docs/blocks';

export const Button = withProps({
  style: { backgroundColor: 'green', color: 'white' }
})(() => <button>Click me</button>);