@intility/bifrost-react
Version:
React library for Intility's design system, Bifrost.
22 lines (21 loc) • 733 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import classnames from "classnames";
/**
* Clickable Tag - also see `<Badge>`
*/ const Tag = /*#__PURE__*/ forwardRef(({ children, className, onClick, active = false, variant = "basic", ...props }, ref)=>{
return /*#__PURE__*/ _jsx("button", {
type: "button",
...props,
ref: ref,
className: classnames("bf-tag", "bf-button", "bf-open-sans", className, {
"bf-tag-compact": variant === "compact",
"bf-button-filled": active,
"bf-button-neutral": !active
}),
onClick: onClick,
children: children
});
});
Tag.displayName = "Tag";
export default Tag;