Button

Button Component

Usage

...
import { Button } from "@wigxel/react-components/lib/buttons";


const Login = () => {
    
    return (
        <form>
            ...
            
            <Button primary outline type="text">
                Login
            </Button>
        </form>
    )
}

The above Button components has the primary prop will set the background color of the button to the primary color specified in the Theme.js file. When combined with the outline prop, We will get a primary colored border and a transparent background.

Button Props

<Button
    primary={true}
    danger={true}
    warning={true}
    outline={true}
    large={true}
    fullwidth={true}
    style={...}
    />

You can only use one of these 3 props (primary, danger, warning) for a Button component. When none of the color properties are specified the Button defaults to the accent color from the Theme.js file