How to use the @swim/view.HtmlView.fromTag function in @swim/view

To help you get started, we’ve selected a few @swim/view examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github swimos / transit / ui / main / TransitViewController.ts View on Github external
protected createKpiStack(transitMapView: TransitMapView): HtmlView {
    const kpiStack = HtmlView.fromTag("div")
        .key("kpiStack")
        .position("absolute")
        .right(0)
        .top(0)
        .bottom(0)
        .zIndex(9)
        .pointerEvents("none");

    const vehicleFlowKpi = kpiStack.append("div")
        .key("vehicleFlowKpi")
        .position("absolute")
        .borderRadius(8)
        .boxSizing("border-box")
        .backgroundColor(Color.parse("#070813").alpha(0.33))
        .backdropFilter("blur(2px)")
        .pointerEvents("auto");

@swim/view

Unified HTML, SVG, and Canvas view hierarchy, with integrated controller architecture, animated procedural styling, and constraint-based layouts

Apache-2.0
Latest version published 3 years ago

Package Health Score

57 / 100
Full package analysis

Similar packages