1.2.0 ā¢ Published 4 years ago
somehow-input v1.2.0
just some plug+play svelte components that I like to use:
Number
flexible way to select a number within a range
<script>
let number = 3
</script>
<Number
bind:number="{index}"
min="{1}"
max="{4}"
hasSlider="{false}"
hasKeyboard="{false}"
/>
Choice
choose between an array of choices
<script>
let choices = ['a', 'b', 'c']
let choice = 'b'
</script>
<Choice bind:choice {choices} />
Text
<script>
let text = 'foo'
</script>
<Text bind:text />
Legend
a color-based legend component
<script>
let colors = { '#dedded': 'LabelA', red: 'Label2' }
let selection = null
</script>
<legend bind:selection colors="{colors}" />
Button
just a nice button, nothing else.
<button label="hi" color="red" onClick="{myFn}" />
Tabs
<script>
let choices = ['a', 'b', 'c']
let choice = 'b'
</script>
<Tabs bind:choice {choices} />
MIT