Skip to content

Lucid UI 0.3.8

Choose a tag to compare

@thisisezra thisisezra released this 13 Oct 08:16
· 17 commits to main since this release

Every SVG tag draws, and every component has an example.

npm i @lucidui-dev/core@0.3.8
h("svg", { viewBox: "0 0 40 40" },
  h("defs", h("filter", { id: "soft" }, h("feGaussianBlur", { stdDeviation: 2 }))),
  h("svg:title", "A soft square"),
  h("rect", { width: 30, height: 30, filter: "url(#soft)" }));
  • Fixed: h() makes any tag the browser doesn't know as HTML into an SVG element, so filters (feGaussianBlur, feDropShadow…), marker, image, desc and animations all draw. Before, anything outside a short list silently showed nothing.
  • New: an html-in-svg diagnostic. a, title, style and script exist in both HTML and SVG; inside an SVG, write h("svg:title") or h("svg:a").
  • New: Examples, every component as a working snippet with its imports. It's generated from the catalog behind lucidui.dev/components, ships as docs/EXAMPLES.md, and is part of llms-full.txt. Tests fail if it falls behind, or if a component ships without an example.
  • New: examples for Spacer and Dot.