UNPKG

atomic-design-button

Version:

Primary Button component using Atomic Design principles

5 lines (4 loc) 305 B
import { jsx as _jsx } from "react/jsx-runtime"; export const PrimaryButton = ({ label, onClick, className = '' }) => { return (_jsx("button", { onClick: onClick, className: `bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-xl transition-all ${className}`, children: label })); };