From 13059770984b9fac1394b53662b0586fb1428f88 Mon Sep 17 00:00:00 2001 From: Ariful Alam Date: Mon, 14 Mar 2022 06:43:39 +0600 Subject: [PATCH] docs: add Reactive Button site to showcase (#6911) * Add reactive-button.png to showcase * Add `Reactive Button` to users.tsx * optimizt image Co-authored-by: Joshua Chen --- website/src/data/showcase/reactive-button.png | Bin 0 -> 7846 bytes website/src/data/users.tsx | 8 ++++++++ 2 files changed, 8 insertions(+) create mode 100644 website/src/data/showcase/reactive-button.png diff --git a/website/src/data/showcase/reactive-button.png b/website/src/data/showcase/reactive-button.png new file mode 100644 index 0000000000000000000000000000000000000000..bc4bbf2287af85ce365c299eed5869b9fd750b14 GIT binary patch literal 7846 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 literal 0 HcmV?d00001 diff --git a/website/src/data/users.tsx b/website/src/data/users.tsx index 13a8c5fdb5..def0985503 100644 --- a/website/src/data/users.tsx +++ b/website/src/data/users.tsx @@ -1337,6 +1337,14 @@ const Users: User[] = [ source: 'https://github.com/reduxjs/react-redux/tree/master/website', tags: ['opensource'], }, + { + title: 'Reactive Button', + description: '3D animated react button component with progress bar', + preview: require('./showcase/reactive-button.png'), + website: 'https://arifszn.github.io/reactive-button', + source: null, + tags: ['design'], + }, { title: 'Realtime Web Applications Workshop', description: