How to use the @workday/canvas-kit-react-button.beta_Button.Variant function in @workday/canvas-kit-react-button
To help you get started, we’ve selected a few @workday/canvas-kit-react-button 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.
Workday / canvas-kit / modules / modal / css / stories.tsx View on Github 
<h3 id="modal-heading">
Delete Item
</h3>
<div style="{{marginBottom:">
Are you sure you'd like to delete the item titled 'My Item'?
</div>
<button style="{{marginRight:">
Delete
</button>
<button>
Cancel
</button>
) : null}
);
}public render() {
const {open} = this.state;
return (
<div style="{{">
<button>
Delete Item
</button>
{open ? (
<div aria-labelledby="popup-heading" role="dialog" style="{{">
<div>
<button aria-label="Close">
<i data-category="system" data-icon="x"></i></button></div></div></div><h3 id="popup-heading">
Delete Item
</h3>
<div style="{{marginBottom:">
Are you sure you'd like to delete the item titled 'My Item'?
</div>
<button style="{{marginRight:">
Delete
</button>
<button>
Cancel
</button>
) : null}
);
}public render() {
const {open} = this.state;
return (
<div>
<button>
Delete Item
</button>
{open ? (
<div>
<div aria-labelledby="modal-heading" role="dialog" style="{{width:">
<div>
<button aria-label="Close"></button></div></div></div></div>@workday/canvas-kit-react-button
A collection of various Canvas Buttons
