@lucsoft/webgen/bin/components/generic/IconButton.js

Collection of lucsofts Components

import { createElement, draw } from "../Components";
import '../../css/iconbutton.webgen.static.css';
import { accessibilityDisableTabOnDisabled } from "../../lib/Accessibility";
import { CommonIcon, Icon } from "./Icon";
export const IconButton = ({ color, icon, clickOn }) => {
    let button = createElement("div");
    button.tabIndex = accessibilityDisableTabOnDisabled(color);
    button.classList.add("wiconbutton", color ?? "grayscaled" /* Grayscaled */);
    button.onclick = () => clickOn?.();
    button.append(draw(Icon(typeof icon == "number" ? CommonIcon(icon) : icon)));
    return button;
};