Styling for buttons
This commit is contained in:
@@ -1,14 +1,22 @@
|
||||
import React from 'react'
|
||||
import Link from 'gatsby-link'
|
||||
|
||||
let defaultClasses = 'px-6 py-3 leading-none inline-block text-sm no-underline uppercase'
|
||||
let defaultClasses =
|
||||
'px-6 py-3 leading-none inline-block text-sm no-underline uppercase'
|
||||
|
||||
let standardBtn = 'border hover:bg-teal hover:text-white hover:border-teal'
|
||||
|
||||
let filledBtn = 'text-grey-lightest bg-grey-darkest hover:bg-teal'
|
||||
|
||||
const Button = ({ ...props }) => (
|
||||
<Link to={props.url} className={`${props.standard ? standardBtn : ''} ${props.filled ? filledBtn : ''} ${defaultClasses} ${props.classes}`}>{props.text}</Link>
|
||||
<Link
|
||||
to={props.url}
|
||||
className={`${props.standard ? standardBtn : ''} ${
|
||||
props.filled ? filledBtn : ''
|
||||
} ${defaultClasses} ${props.classes}`}
|
||||
>
|
||||
{props.text}
|
||||
</Link>
|
||||
)
|
||||
|
||||
export default Button
|
||||
export default Button
|
||||
|
||||
Reference in New Issue
Block a user