remix-demo
react router (remix) demo
git clone https://9o.is/git/remix-demo.git
PrimaryButton.tsx
(413B)
1 export const primaryStyles =
2 "rounded-lg border-2 bg-gradient-to-br from-purple-600 to-blue-500 px-5 py-2.5 text-center text-sm font-medium text-white hover:bg-gradient-to-bl focus:outline-none focus:ring-4 focus:ring-blue-500";
3
4 export default function PrimaryButton(props: any) {
5 return (
6 <button {...props} className={`${primaryStyles} ${props.className}`}>
7 {props.children}
8 </button>
9 );
10 }