Button
Buttons allow users to take actions, and make choices, with a single tap.
Import
import { Button } from "@webeetle/windy";
#
Contained ButtonResult
SyntaxError: Unexpected token (1:8) 1 : return () ^
Live Editor
#
Bordered ButtonResult
SyntaxError: Unexpected token (1:8) 1 : return () ^
Live Editor
#
Text ButtonResult
SyntaxError: Unexpected token (1:8) 1 : return () ^
Live Editor
#
ShadowsResult
SyntaxError: Unexpected token (1:8) 1 : return () ^
Live Editor
#
SizesResult
SyntaxError: Unexpected token (1:8) 1 : return () ^
Live Editor
#
Custom ButtonResult
SyntaxError: Unexpected token (1:8) 1 : return () ^
Live Editor
#
PropsProps | 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 |