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.

Support inline use-case for ComponentDemo

See original GitHub issue

We currently are hoping to offer multiple code snippets per-component page to detail out scenarios in which someone could use the component. As a result, it seems like we need an inline variant of the ComponentDemo that has the following functionality:

  • Ability to render without theme switcher
  • Potentially a smaller spacing model / be more compact
  • Pin component to top left instead of center center as certain components are jarring when pushed from center center (accordion)

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:13 (13 by maintainers)

github_iconTop GitHub Comments

1reaction
joshblackcommented, Apr 6, 2020

@aagonzales totally ignore that last message! Was a mistake 😄 Got my notifications all turned around

1reaction
aagonzalescommented, Apr 6, 2020

Ok here’s what I’m proposing:

  • The width is 8 columns + gutters and works basically like 8 column image component. It has the same max of width as the content.
  • The height is all based on the content size so not a universal set size existing component demo. This will help converse space since this type of demo is mean to be inline with other content.

Component_Demo-sm

Grid image

Thoughts: @joshblack @vpicone @jeanservaas

Read more comments on GitHub >

github_iconTop Results From Across the Web

UML use case diagrams with draw.io
Along with other UML diagrams, such as activity, sequence and component diagrams, use case diagrams help you to visualize your software and ...
Read more >
UML Use Case Diagram Tutorial - Lucidchart
Everything you need to know about use case diagrams in UML can be found within this guide. Use this guide and try out...
Read more >
UML Use Case Diagram Tutorial - YouTube
Learn how to make Use Case Diagrams in this tutorial. Both beginners and intermediate UML diagrammers will find all the necessary training ...
Read more >
What Is a Use Case & How To Write One | Wrike
A use case is a description of the ways in which a user interacts with a system or product. A use case may...
Read more >
Use Cases | Usability.gov
A use case is a written description of how users will perform tasks on your website. It outlines, from a user's point 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