Badge
Generate an helper for your text
Import
import { Badge } from "@webeetle/windy";Contained Badge#
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 Badge#
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
^Live Editor
Props#
| Props | Type | Default |
|---|---|---|
| text | string | Badge |
| size | ["xs", "sm", "md", "lg", "xl"] | md |
| color | [ "gray", "red", "yellow", "green", "blue", "indigo", "purple", "pink","none"] | indigo |
| rounded | ["sm", "md", "lg", "full", "none"] | md |
| shadow | ["sm", "md", "lg", "full", "none"] | md |