diff --git a/packages/rn-tester/js/examples/Border/BorderExample.js b/packages/rn-tester/js/examples/Border/BorderExample.js index 653509fca70..12e9a08c3e3 100644 --- a/packages/rn-tester/js/examples/Border/BorderExample.js +++ b/packages/rn-tester/js/examples/Border/BorderExample.js @@ -126,9 +126,9 @@ const styles = StyleSheet.create({ }, border9Percentages: { borderWidth: 10, - borderTopLeftRadius: '10%', - borderBottomRightRadius: '20%', - borderColor: 'black', + borderTopLeftRadius: '20%', + borderBottomRightRadius: '10%', + borderColor: 'red', }, border10: { borderWidth: 10, @@ -141,9 +141,9 @@ const styles = StyleSheet.create({ border10Percentages: { borderWidth: 10, backgroundColor: 'white', - borderTopLeftRadius: '10%', - borderBottomRightRadius: '20%', - borderColor: 'black', + borderTopLeftRadius: '20%', + borderBottomRightRadius: '10%', + borderColor: 'red', elevation: 10, }, border11: { @@ -359,7 +359,7 @@ export default ({ }, { title: 'Corner Radii (Percentages)', - name: 'corner-radii', + name: 'corner-radii-percentages', description: 'borderTopLeftRadius & borderBottomRightRadius', render: function (): React.Node { return ( @@ -386,7 +386,7 @@ export default ({ }, { title: 'Corner Radii / Elevation (Percentages)', - name: 'corner-radii-elevation', + name: 'corner-radii-elevation-percentages', description: 'borderTopLeftRadius & borderBottomRightRadius & elevation', platform: 'android', render: function (): React.Node { diff --git a/packages/rn-tester/js/examples/View/ViewExample.js b/packages/rn-tester/js/examples/View/ViewExample.js index 9044ef9a621..1f8d917b29a 100644 --- a/packages/rn-tester/js/examples/View/ViewExample.js +++ b/packages/rn-tester/js/examples/View/ViewExample.js @@ -649,7 +649,7 @@ export default ({ }, { title: 'Rounded Borders (Percentages)', - name: 'rounded-borders-percentage', + name: 'rounded-borders-percentages', render(): React.Node { return (