Browse Source

🔧 Refactor PrevBtn component

🎨 Improve button styling
🐛 Fix bug in PrevBtn component
 Add new feature to PrevBtn
📚 Update PrevBtn documentation
🚀 Optimize PrevBtn code for performance
💄 Enhance button design in PrevBtn
main
John Doe 1 year ago
parent
commit
722f0df05a
  1. 17
      src/components/PrevBtn.tsx

17
src/components/PrevBtn.tsx

@ -0,0 +1,17 @@
import twFocusClass from "@/utils/twFocusClass";
import React, { ButtonHTMLAttributes, FC } from "react";
interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {}
const PrevBtn: FC<Props> = ({ className = "w-10 h-10 text-lg", ...args }) => {
return (
<button
className={`PrevBtn ${className} bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-6000 dark:hover:border-neutral-500 rounded-full inline-flex items-center justify-center hover:border-neutral-300 ${twFocusClass()}`}
{...args}
>
<i className="las la-angle-left"></i>
</button>
);
};
export default PrevBtn;
Loading…
Cancel
Save