question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[FEATURE] Add an interactive examples tab

See original GitHub issue
Overview of the issue

Looking to add an “Example” Tab that displays Component/Directive interactive examples

Motivation for or Use Case

Compodoc is a great tool to generate static documentation. But there is a need for an interactive example to show the documented Component/Directive/Class in play, similar to what Angular material 2 has.

image

Related issues

None

Suggest a Fix

I can submit a PR. The implementation is pretty straight forward:

  • Search for xxx.component.example.html, if it exists, create a new “Examples” Tab, and use the path to the example html file as a src value to an iframe.

image

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:10
  • Comments:13 (5 by maintainers)

github_iconTop GitHub Comments

3reactions
rprotsyk-zzcommented, Jul 11, 2017

@vogloblinsky Can such approach be used as a solution for this feature request? Please see the attached patch [FEATURE] Add an interactive examples tab.zip

Example of usage:

/**
* Examples:  <example-url>http://localhost/demo/mysample.component.html</example-url>
* <example-url>/demo/mysample.component.html</example-url>
*/
0reactions
lock[bot]commented, Sep 30, 2019

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem. Why locking ? Having issues with the most up-to-date context.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Example of Tabs with Automatic Activation | APG | WAI - W3C
This example section demonstrates a tabs widget that implements the design pattern for tabs. In this example, a tab is automatically activated ...
Read more >
How to Build a Tabs Interaction for E-Learning w - YouTube
Learn how to build one of the most common e-learning interactions and templates in Articulate Storyline 360. Tabs interactions, also known ...
Read more >
How to Create Interactive Dashboard Tabs in Excel - YouTube
GET CODE here ▻ https://excelfind.com/tutorials/ultimate-excel-dashboard- interactive -dashboard- tabs 📌 EXCEL VERSION: Microsoft Office 365 ...
Read more >
Interactive PDF Design | Navigation Tabs - YouTube
Hi everyone!In this video we will create Navigation Tabs in Adobe InDesign and export the document as an Interactive PDF.
Read more >
Step-by-Step Guide to Creating a Tabs Interaction in Storyline
Create a New Slide. Start by inserting a new blank slide in your project and adding a simple title across the top of...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found