npm.io
1.2.0 • Published 6 years ago

somehow-input

Licence
MIT
Version
1.2.0
Deps
1
Size
23 kB
Vulns
0
Weekly
0
Stars
1
somehow-input
— part of somehow
WIP svelte infographics
npm install somehow-input
**work-in-progress**

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}"
/>

image

Choice

choose between an array of choices

<script>
  let choices = ['a', 'b', 'c']
  let choice = 'b'
</script>
<Choice bind:choice {choices} />

image

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