basic-styles

stylesheet for conversational mobile UI

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
basic-styles
000.57.03 years ago7 years agoMinified + gzip package size for basic-styles in KB

Readme

basic-styles lets you lay out text and forms for interacting with a person.

Demo

var library = require("module-library")(require)

library.using(
  ["./", "web-element", "web-host"],
  function(basicStyles, element, host) {

    var sample = [
        element("h1", "Some things you can do with basic-styles"),
        element("input", {type: "text", placeholder: "You might type here"}),
        element("p", "This is a paragraph. Proceeded by a textarea:"),
        element("textarea"),
        element("p", element("button", "Click me")),
      ]

    host.onRequest(function(getBridge) {
      var bridge = getBridge()
      basicStyles.addTo(bridge)
      bridge.send(sample)
    })

  }
)

Output

screenshot of a h1, input, p, button, and textarea using the styles