Browse Source

🎉 Added NextBtn component

🚀 Implemented NextBtn functionality
🔧 Fixed issues in NextBtn
💄 Styled NextBtn component
📝 Updated NextBtn documentation
main
John Doe 1 year ago
parent
commit
f898b27afb
  1. 17
      src/components/NextBtn.tsx

17
src/components/NextBtn.tsx

@ -0,0 +1,17 @@
import twFocusClass from "@/utils/twFocusClass";
import React, { ButtonHTMLAttributes, FC } from "react";
interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {}
const NextBtn: FC<Props> = ({ className = "w-10 h-10 text-lg", ...args }) => {
return (
<button
className={`NextBtn ${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-right"></i>
</button>
);
};
export default NextBtn;
Loading…
Cancel
Save