https://github.com/spencermountain/somehow-input

collection of html inputs that i like
https://github.com/spencermountain/somehow-input

Last synced: 18 days ago
JSON representation

collection of html inputs that i like

• Host: GitHub
• URL: https://github.com/spencermountain/somehow-input
• Owner: spencermountain
• Created: 2019-01-30T20:05:54.000Z (about 6 years ago)
• Default Branch: gh-pages
• Last Pushed: 2022-07-20T01:23:47.000Z (almost 3 years ago)
• Last Synced: 2025-03-11T23:14:02.436Z (about 1 month ago)
• Language: JavaScript
• Homepage: http://spencermounta.in/somehow-input/
• Size: 338 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  
somehow-input

  

  
— part of somehow —

  
WIP svelte infographics

  


    

      by

      Spencer Kelly 

    

  





  

    

  







  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

```html

  let number = 3

```

![image](https://user-images.githubusercontent.com/399657/92410104-093dbb00-f111-11ea-9de4-227b86aa7a80.png)

### Choice

choose between an array of choices

```html

  let choices = ['a', 'b', 'c']

  let choice = 'b'

```

![image](https://user-images.githubusercontent.com/399657/92410241-7c473180-f111-11ea-8101-fcab4b122f1e.png)

### Text

```html

  let text = 'foo'

```

### Legend

a color-based legend component

```html

  let colors = { '#dedded': 'LabelA', red: 'Label2' }

  let selection = null

```

### Button

just a nice button, nothing else.

```html

```

### Tabs

```html

  let choices = ['a', 'b', 'c']

  let choice = 'b'

```

MIT