Skip to content
svebcomponents

@svebcomponents/utils

@svebcomponents/utils contains shared string and tag-name helpers for the svebcomponents packages. Most projects receive it as a transitive dependency of @svebcomponents/auto-options or an SSR integration.

API

FunctionResult
kebabize("favoriteNumber")"favorite-number"
camelizeKebabCase("favorite-number")"favoriteNumber"
isKebabCase("favorite-number")true for the lowercase attribute-name subset that the SSR prop mapper accepts
mayBeCustomElementTagName("my-card")true when the string contains a dash
isValidCustomElementTagName("my-card")true for supported HTML custom-element names, excluding names reserved by SVG or MathML
import {
  camelizeKebabCase,
  isValidCustomElementTagName,
  kebabize,
} from "@svebcomponents/utils";

These helpers form an internal boundary between the build and SSR packages. Their behavior follows the needs of those packages and may change before 1.0.

See Author components for tag and prop naming conventions.