Starting to implement a node component

src/components/note/Note.module.css

@@ -0,0 +1,15 @@
+.control {
+  opacity: 1;
+  position: fixed !important;
+  top: 0px;
+  margin-left: calc(100% - 260px) !important;
+  z-index: 1;
+}
+
+.control_web {
+  opacity: 1;
+  position: fixed !important;
+  top: 0px;
+  margin-left: calc(100% - 220px) !important;
+  z-index: 1;
+}

src/components/note/Note.tsx

@@ -0,0 +1,35 @@
+import { IconButton } from '@suid/material';
+import { Component, createSignal } from 'solid-js';
+
+import NoteIcon from '@suid/icons-material/Note';
+
+import style from './Note.module.css';
+
+interface Props {}
+
+const Note: Component<Props> = (props) => {
+  const [open, setOpen] = createSignal<boolean>();
+
+  return (
+    <>
+      <div
+        class={
+          window.Capacitor.platform === 'web'
+            ? style.control_web
+            : style.control
+        }
+      >
+        {' '}
+        <IconButton
+          onClick={() => {
+            setOpen(true);
+          }}
+        >
+          <NoteIcon />
+        </IconButton>
+      </div>
+    </>
+  );
+};
+
+export default Note;

src/components/note/index.ts

@@ -0,0 +1 @@
+export { default } from './Note';