diff options
| author | Joseph Ditton <jditton.atomic@gmail.com> | 2021-11-23 14:04:12 -0700 |
|---|---|---|
| committer | Joseph Ditton <jditton.atomic@gmail.com> | 2021-11-23 14:04:12 -0700 |
| commit | 8d0b32f8dfe45291426e58f6bf20cffac8dab6e7 (patch) | |
| tree | ec4c1e08e8698d7118641612b67bce940019b3dc /client/components/common | |
| parent | 4ae4e874689a71e33cdd7a5799fc0c85c4861367 (diff) | |
| download | locchat-8d0b32f8dfe45291426e58f6bf20cffac8dab6e7.tar.gz locchat-8d0b32f8dfe45291426e58f6bf20cffac8dab6e7.zip | |
adds api, guard, tailwind
Diffstat (limited to 'client/components/common')
| -rw-r--r-- | client/components/common/button.jsx | 7 | ||||
| -rw-r--r-- | client/components/common/input.jsx | 3 | ||||
| -rw-r--r-- | client/components/common/paper.jsx | 3 |
3 files changed, 13 insertions, 0 deletions
diff --git a/client/components/common/button.jsx b/client/components/common/button.jsx new file mode 100644 index 0000000..1e8719a --- /dev/null +++ b/client/components/common/button.jsx @@ -0,0 +1,7 @@ +export const Button = ({ children, ...other }) => { + return ( + <button className="bg-gray-600 pt-2 pb-2 pr-4 pl-4 rounded-lg font-bold text-white" {...other}> + {children} + </button> + ); +}; diff --git a/client/components/common/input.jsx b/client/components/common/input.jsx new file mode 100644 index 0000000..aa38216 --- /dev/null +++ b/client/components/common/input.jsx @@ -0,0 +1,3 @@ +export const Input = (props) => { + return <input className="border-2 rounded-lg p-1" {...props} />; +}; diff --git a/client/components/common/paper.jsx b/client/components/common/paper.jsx new file mode 100644 index 0000000..9e64c8b --- /dev/null +++ b/client/components/common/paper.jsx @@ -0,0 +1,3 @@ +export const Paper = ({ children }) => { + return <div className="shadow-md flex flex-col p-4">{children}</div>; +}; |