How to use the @hyperapp/html.label function in @hyperapp/html

To help you get started, we’ve selected a few @hyperapp/html examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github fxnn / deadbox / webapp / src / encryption / KeyConfigurationElement.js View on Github external
export const KeyConfigurationElement = ({ state, actions }) => (
  div([
    blockElement("Passphrase based key", [
      formField([
        p(["Delayed responses can be retrieved even after closing this session, using the same passphrase again."]),
      ]),
      formField({ class: "is-horizontal" }, [
        formFieldLabel({ class: "is-normal" }, [label({ class: "label" }, "Passphrase")]),
        formFieldBody([
          formField([
            formControl([
              input({ type: "password", name: keyGenerationPasswordName })
            ])
          ])
        ])
      ]),
      formField({ class: "is-horizontal" }, [
        formFieldLabel(),
        formFieldBody([
          formField([
            formControl([
              button({ class: "is-success", onclick: () => actions.setKeyConfigured() }, [
                "Generate key from passphrase"
              ])