Skip to main content

Accordion

Generate an accordion element

Import
import { Accordion } from "@webeetle/windy";

Default#

Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
Live Editor

Disable Panel#

Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
Live Editor

Custom#

Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
Live Editor

On Click Panel#

Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
Live Editor

Props Accordion#

PropsTypeDefault
color[ "gray", "red", "yellow", "green", "blue", "indigo", "purple", "pink","none"]indigo
rounded["sm", "md", "lg", "full", "none"]full
shadow["sm", "md", "lg", "full", "none"]md

Props Accordion.Panel#

PropsTypeDefault
labelany""
isOpenboolfalse
disabledboolfalse