Function Sidebutton

packages/sanddance-explorer/src/controls/sidebar.tsx:125–141

(props: SidebuttonProps & Props)

}

export function Sidebutton(props: SidebuttonProps & Props) {
    const selected = !props.closed && props.selectedSideTab === props.sideTabId;
    return (
        <div className={util.classList('vbutton', selected && 'selected')}>
            {props.badgeText && <div className="count">{props.badgeText}</div>}
            <IconButton
                role={props.role || 'tab'} 
                aria-selected={selected}
                themePalette={props.themePalette}
                className="vbutton"
                iconName={props.iconName}
                title={props.title}
                onClick={() => { props.onSideTabClick(props.sideTabId); }}
            />
        </div>
    );
}