You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: CHANGELOG.md
+52
Original file line number
Diff line number
Diff line change
@@ -1,5 +1,57 @@
1
1
# Victory Changelog
2
2
3
+
## 35.9.0 (2021-06-24)
4
+
5
+
Adds a new `disableInlineStyles` prop to components and primitives to support users who want to style their components by class, or use a CSS in JS solution like `styled-components`
6
+
7
+
When the new `disableInlineStyles` prop is supplied to a component like `VictoryBar` no styles will be supplied to either data or label components that it renders:
8
+
9
+
```jsx
10
+
constStyledBar=styled(Bar)`
11
+
fill: purple;
12
+
`
13
+
constStyledLabel=styled(VictoryLabel)`
14
+
tspan {
15
+
fill: magenta;
16
+
font-family: Papyrus, fantasy;
17
+
}
18
+
`
19
+
functionCustomStyledBarChart() {
20
+
return (
21
+
<VictoryChart>
22
+
<VictoryBar
23
+
disableInlineStyles
24
+
labels={[1, 2, 3, 4]}
25
+
dataComponent={<StyledBar />}
26
+
labelComponent={<StyledLabel />}
27
+
/>
28
+
</VictoryChart>
29
+
)
30
+
}
31
+
```
32
+
33
+
The `disableInlineStyles` prop may also be supplied to primitive components for more granular control:
0 commit comments