@isoftdata/svelte-button
Advanced tools
@@ -5,2 +5,3 @@ <script>import ButtonContents from "./ButtonContents.svelte"; | ||
| export { btnClass as class }; | ||
| export let button = void 0; | ||
| export let color = "primary"; | ||
@@ -70,2 +71,4 @@ export let colorGreyDisabled = true; | ||
| {download} | ||
| bind:this={button} | ||
| {...$$restProps} | ||
| > | ||
@@ -98,2 +101,3 @@ <ButtonContents | ||
| {disabled} | ||
| bind:this={button} | ||
| {...$$restProps} | ||
@@ -100,0 +104,0 @@ > |
@@ -9,2 +9,3 @@ import { SvelteComponent } from "svelte"; | ||
| class?: string | undefined; | ||
| button?: HTMLButtonElement | HTMLAnchorElement | undefined; | ||
| color?: ButtonColors | undefined; | ||
@@ -11,0 +12,0 @@ colorGreyDisabled?: boolean | undefined; |
+1
-1
| { | ||
| "name": "@isoftdata/svelte-button", | ||
| "version": "1.0.5", | ||
| "version": "1.1.0", | ||
| "scripts": { | ||
@@ -5,0 +5,0 @@ "dev": "vite dev", |
+1
-0
@@ -14,2 +14,3 @@ # Svelte Button | ||
| | `block` | `boolean` | Render the button as block, spanning the whole width of its parent. | `false` | ||
| | `button` | `HTMLButtonElement \| HTMLAnchorElement` | Either the `<button>` or `<a>`. Useful if you want to fire events directly on it. | (The button or anchor tag) | | ||
| | `color` | `"primary" \| "secondary" \| "success" \| "danger" \| "warning" \| "info" \| "light" \| "dark"` | The bootstrap color of the button. | `"primary"` | | ||
@@ -16,0 +17,0 @@ | `colorGreyDisabled` | `boolean` | Whether the button is greyed out when disabled. | `true` | |
10196
3.93%91
1.11%58
1.75%