Sha256: a15ea73301aa30c6bd1bdbcc876c052d48da067085453092233c873cfec2939e
Contents?: true
Size: 948 Bytes
Versions: 1072
Compression:
Stored size: 948 Bytes
Contents
import React from "react"
import { Button } from "playbook-ui"
const ButtonHover = (props) => (
<div>
<div>
<Button
hover={{ shadow: "deep" }}
marginRight='lg'
marginTop='xl'
onClick={() => alert("button clicked!")}
tabIndex={0}
text='Shadow Deep'
{...props}
/>{" "}
<Button
hover={{ shadow: "deeper" }}
marginRight='lg'
marginTop='xl'
onClick={() => alert("button clicked!")}
tabIndex={0}
text='Shadow Deeper'
variant='secondary'
{...props}
/>{" "}
<Button
hover={{ shadow: "deepest" }}
marginRight='lg'
marginTop='xl'
onClick={() => alert("button clicked!")}
tabIndex={0}
text='Shadow Deepest'
variant='link'
{...props}
/>
</div>
</div>
)
export default ButtonHover
Version data entries
1,072 entries across 1,072 versions & 2 rubygems