Skip to content
Extraits de code Groupes Projets
Sélectionner une révision Git
  • 7936d544eb9d5606a96cb2007a678395b5f10dec
  • main par défaut protégée
  • dev
  • healthcheck
  • store
  • dockerised
6 résultats

SoftwareSelect.svelte

Blame
  • SoftwareSelect.svelte 664 o
    <script>
    	import Select from "svelte-select";
    
    	export let items, selectedSoftware;
    
    	function handleSelect(event) {
    		console.log(event);
    		selectedSoftware = event.detail;
    	}
    
    	function handleClear() {
    		selectedSoftware = "null";
    	}
    	console.log(items);
    </script>
    
    <form>
    	<label for="food">Software:</label>
    	<Select
    		id="food"
    		items="{items}"
    		on:select="{handleSelect}"
    		on:clear="{handleClear}"
    	/>
    </form>
    
    {#if selectedSoftware}
    	<p>Selected software is: {selectedSoftware.label}</p>
    {/if}
    
    <style>
    	form {
    		max-width: 500px;
    		background: #f4f4f4;
    		padding: 20px;
    		border-radius: 4px;
    		color: black;
    	}
    
    	label {
    		margin: 0 0 10px;
    	}
    </style>