Simplr Router logo Simplr Router Docs Guides Toggle darkmode

Recipes: Passing properties

Sometimes we might want to "inject" some properties to our views while we render them. This is where the properties property comes to play.

const localeOptions = {
    locale: "fi_FI"

const routes = [
    { path: "", component: "simplr-router-demo" },
        path: "user",
        component: "user-view",
        properties: {
            localeOptions: localeOptions

const router = new SimplrRouter({ routes });

The property is then accessible from the view itself

// Inside user-view

// { locale: "fi_FI" }

This can be useful for unit testing your application as you can provide separate implementations of properties into your views depending on the environment.