Collapsible

import live-web.dom
import live-web-view.content

static any[] use = [Collapsible, Content]

Collapsible{
    CollapsibleToggle{
        content: [
            T`Click to collapse`, 
            IconRotate{
                Svg{ props: ({xmlns: 'http://www.w3.org/2000/svg', width: '10', height: '10', viewBox: '0 0 16 16'}) 
                    Path{ props: ({fill: 'none', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2', d: 'M2 5l6 6 6-6'}) }
                }
            }
        ]
    }
    CollapsibleContent{
        Content{
            P`Content inside Collapsible.`
        }
    }
}

import live-web.dom
import live-web-view.content

static any[] use = [Collapsible, Content]

Collapsible{
    CollapsibleToggle{
        content: [
            T`Click to collapse`, 
            IconSwap{
                Span`+` Span`-`
            }
        ]
    }
    CollapsibleContent{
        Content{
            P`Content inside Collapsible.`
        }
    }
}