feat: add table button

appwrite · Jan 15, 2025 · e75670b · e75670b
1 parent 6c62401
commit e75670b
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/v2/pink-sb/src/lib/table/Button.svelte b/v2/pink-sb/src/lib/table/Button.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+    import type { HTMLAnchorAttributes } from 'svelte/elements';
+    type $$Props = HTMLAnchorAttributes & { href: string };
+</script>
+
+<button type="button" role="row" on:click|preventDefault {...$$restProps}>
+    <slot />
+</button>
+
+<style lang="scss">
+    [role='row'] {
+        display: table-row;
+        width: 100%;
+
+        &:hover {
+            background: var(--color-overlay-neutral-hover);
+        }
+
+        &:last-child {
+            :global([role='cell']) {
+                border-bottom: 0;
+            }
+        }
+    }
+</style>
diff --git a/v2/pink-sb/src/lib/table/index.ts b/v2/pink-sb/src/lib/table/index.ts
@@ -2,12 +2,14 @@ import Root from './Table.svelte';
 import Cell from './Cell.svelte';
 import Row from './Row.svelte';
 import Link from './Link.svelte';
+import Button from './Button.svelte';
 import Header from './header/index.js';
 
 export default {
     Root,
     Cell,
     Row,
     Link,
+    Button,
     Header
 };