Skip to main content

Minor release 0.20.0

· One min read
Dima Vyshniakov
Dima Vyshniakov
Koval UI creator & maintainer

I released a new minor version of Koval UI: 0.20.x. Two new features are available:

TextToSpeech component​

TextToSpeech component implements browser SpeechSynthesis API allowing to read the text using system synthesizer.

Result
Loading...
Live Editor
function Example(props) {
  return (
    <TextToSpeech language="de">
      Wir sind auf alles programmiert Und was du willst wird ausgeführt
    </TextToSpeech>
  );
}

Anchors for H1-H6 components​

It's possible now to attach optional anchor to headers.

Result
Loading...
Live Editor
function Example(props) {
  return (
    <>
      <H1 anchor="header-1">Header 1</H1>
      <H2 anchor="header-2">Header 2</H2>
      <H3 anchor="header-3">Header 3</H3>
      <H4 anchor="header-4">Header 4</H4>
      <H5 anchor="header-5">Header 5</H5>
      <H6 anchor="header-6">Header 6</H6>
    </>
  );
}

See full release notes.