diff options
Diffstat (limited to 'examples/with-tailwind/packages/ui/src/Button.tsx')
| -rw-r--r-- | examples/with-tailwind/packages/ui/src/Button.tsx | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/examples/with-tailwind/packages/ui/src/Button.tsx b/examples/with-tailwind/packages/ui/src/Button.tsx new file mode 100644 index 0000000..495d02a --- /dev/null +++ b/examples/with-tailwind/packages/ui/src/Button.tsx @@ -0,0 +1,16 @@ +import * as React from "react"; + +export const Button = () => { + return ( + <div className="rounded-md "> + <a href="https://turbo.build/repo/docs"> + <div className="ui-flex ui-w-full ui-items-center ui-justify-center ui-rounded-md ui-border ui-border-transparent ui-px-8 ui-py-3 ui-text-base ui-font-medium ui-no-underline ui-bg-white ui-text-black hover:ui-bg-gray-300 md:ui-py-3 md:ui-px-10 md:ui-text-lg md:ui-leading-6"> + Read the docs + <span className="ui-ml-2 ui-bg-gradient-to-r ui-from-brandred ui-to-brandblue ui-bg-clip-text ui-text-transparent"> + → + </span> + </div> + </a> + </div> + ); +}; |