somehow-input

1.2.0 • Public • Published
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

Readme

Keywords

none

Package Sidebar

Install

npm i somehow-input

Weekly Downloads

5

Version

1.2.0

License

MIT

Unpacked Size

23.3 kB

Total Files

13

Last publish

Collaborators

  • spencermountain