Button

Buttons allow users to take actions, and make choices, with a single tap.

Import

import { Button } from "@webeetle/windy";

Contained Button

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Bordered Button

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Text Button

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Shadows

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Sizes

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Custom Button

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Props

Props	Type	Default
size	["xs", "sm", "md", "lg", "xl"]	md
color	[ "gray", "red", "yellow", "green", "blue", "indigo", "purple", "pink","none"]	indigo
layout	["text", "bordered", "contained"]	contained
rounded	["sm", "md", "lg", "full", "none"]	md
disabled	bool	false
shadow	["sm", "md", "lg", "full", "none"]	md
gradient	bool	true