aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/docs/components/clients/Filters.tsx
diff options
context:
space:
mode:
authorHsiangNianian <admin@jyunko.cn>2023-04-22 19:52:26 +0800
committerHsiangNianian <admin@jyunko.cn>2023-04-22 19:52:26 +0800
commit4838df315931bb883f704ec3e1abe2685f296cdf (patch)
tree57a8550c4cd5338f1126364bb518c6cde8d96e7d /docs/components/clients/Filters.tsx
parentdb74ade0234a40c2120ad5f2a41bee50ce13de02 (diff)
downloadHydroRoll-4838df315931bb883f704ec3e1abe2685f296cdf.tar.gz
HydroRoll-4838df315931bb883f704ec3e1abe2685f296cdf.zip
😀
Diffstat (limited to 'docs/components/clients/Filters.tsx')
-rw-r--r--docs/components/clients/Filters.tsx42
1 files changed, 42 insertions, 0 deletions
diff --git a/docs/components/clients/Filters.tsx b/docs/components/clients/Filters.tsx
new file mode 100644
index 0000000..3c22edc
--- /dev/null
+++ b/docs/components/clients/Filters.tsx
@@ -0,0 +1,42 @@
+import React from "react";
+
+export const Filters: React.FC<{}> = () => (
+ <>
+ <svg width={0} height={0}>
+ <defs>
+ <filter id="high-threshold">
+ <feColorMatrix type="saturate" values="0" />
+ <feComponentTransfer>
+ <feFuncR type="discrete" tableValues="0" />
+ <feFuncG type="discrete" tableValues="0" />
+ <feFuncB type="discrete" tableValues="0" />
+ </feComponentTransfer>
+ </filter>
+ </defs>
+ </svg>
+ <svg width={0} height={0}>
+ <defs>
+ <filter id="medium-threshold">
+ <feColorMatrix type="saturate" values="0" />
+ <feComponentTransfer>
+ <feFuncR type="discrete" tableValues="0 1" />
+ <feFuncG type="discrete" tableValues="0 1" />
+ <feFuncB type="discrete" tableValues="0 1" />
+ </feComponentTransfer>
+ </filter>
+ </defs>
+ </svg>
+ <svg width={0} height={0}>
+ <defs>
+ <filter id="low-threshold">
+ <feColorMatrix type="saturate" values="0" />
+ <feComponentTransfer>
+ <feFuncR type="discrete" tableValues="0 0 0 0 1" />
+ <feFuncG type="discrete" tableValues="0 0 0 0 1" />
+ <feFuncB type="discrete" tableValues="0 0 0 0 1" />
+ </feComponentTransfer>
+ </filter>
+ </defs>
+ </svg>
+ </>
+);