@sgerpdx/knobblr v1.0.17

Knobblr

A React UI component library with a focus on selectors -- knobs, switches, buttons -- styled to resemble analog control interfaces. The key intent being to facilitate a 'tactile' UX.

🧱 currently in dev mode 🧱

Installation

npm install @sgerpdx/knobblr

Example Usage

import React from "react";
import { TactileButton } from "@sgerpdx/knobblr";

function App() {
  const handleFormLaunch = () => {
    // code to open login form or modal
  };

  return (
    <>
      <TactileButton
        onClick={handleFormLaunch}
        width="100"
        fillColor="#0000CD"
        strokeColor="white"
        label="Login"
      />
    </>
  );
}

Demo

• TactileButton demo on Glitch