Skip to main content
Create new
Introduction
Reactivity
Props
Logic
Events
Bindings
Lifecycle
Stores
Motion
Transitions
Animations
Easing
SVG
Actions
Classes
Component composition
Context API
Special elements
Module context
Debugging
7GUIs
Miscellaneous
App.svelte
<script>
import NumberSpinner from "svelte-number-spinner@0.8.0-rc1";

let value1 = 100;
let value2 = 500;
let value3 = 3.28;
let value4 = 0.5;
let value5 = 0.5;
let value6 = 50;
let value6input = value6;
let value6change = value6;
let value6editmode = false;
let value6lastkey = "";
let value7 = 0;
let value8 = -2.5;
let options = { min: -5.5, max: 5.5, step: 1, keyStep: 1, keyStepFast: 2, decimals: 1, speed: 0.04 };
let value9 = 100;
let value10 = 12 * 60;
// Callback functions for example 9 ---------------------
function addDollar(val) {
return "$ " + val;
}
function removeDollar(str) {
return str.replace("$", "").trim();
}

// Callback functions for example 10 ---------------------
// Takes the actual value and returns a formatted time string
function formatMinutesToTime(minutes) {
let hours = Math.floor(minutes / 60);
minutes = minutes % 60;
return hours.toString().padStart(2, "0") + ":" + minutes.toString().padStart(2, "0");
}
// Parses a time string like "16:45" to a number in minutes (result will be 16*60 + 45 = 1005)
function parseTimeToMinutes(timeString) {
loading Svelte compiler...
/* Select a component to see its compiled code */
result = svelte.compile(source, {
generate: ,
});
/* Select a component to see its compiled code */