@greenberry/use-label-prefix

@greenberry/use-label-prefix

Installation

yarn add @greenberry/use-label-prefix
# or
npm i @greenberry/use-label-prefix

Usage

// Minimal example
const prefixed = useLabelPrefix('my-label');

// With larger prefix; defaults to 8
const prefixed2 = useLabelPrefix('my-label', 16);

Inside a component

const MyInput = () => {
  const prefixedLabel = useLabelPrefix('my-label');

  return (
    <div>
      <label htmlFor={prefixedLabel}>
        Hello Prefix
      </label>
      <input id={prefixedLabel} type="text" />
    </div>
  );
};