@discoveryjs/discovery/lib/views/context.usage.js

Frontend framework for rapid data (JSON) analysis, shareable serverless reports and dashboards

export default {
    beforeDemo: ['md:"A non-visual view used to group views, manage their visibility, or explicitly define data and context for nested views. In the example, the `context` view sets up specific data and context, allowing nested views (`content`) to utilize these shared definitions directly:"'],
    demo: {
        view: 'context',
        data: { name: 'World', age: '1000 years' },
        context: '{ ...#, greeting: "Hello" }',
        content: [
            'text:`${#.greeting}, ${name}!`',
            'table'
        ]
    },
    examples: [
        {
            title: 'Using with modifiers',
            demo: {
                view: 'context',
                modifiers: [
                    'h2:"Modifiers"',
                    {
                        view: 'input',
                        name: 'inputValue'
                    },
                    {
                        view: 'select',
                        name: 'selectValue',
                        data: ['foo', 'bar', 'baz']
                    }
                ],
                content: [
                    'h2:"Values"',
                    'struct{ expanded: 1, data: # }'
                ]
            }
        }
    ]
};