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.

Add <pre> tags to improve readability

See original GitHub issue

Issue Description

Some component’s props are of type shape. The props table displays these object structures, but they are not easily readable if the shape is large. Adding the <pre> tags around the output would improve readability.

Issue Type

  • New Feature
  • Enhancement
  • Bug
  • Other

Expected Behavior

screen shot 2017-08-30 at 10 30 33 am

Current Behavior

screen shot 2017-08-30 at 10 28 43 am

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

2reactions
saigorantlacommented, Sep 5, 2017

I will be working on this issue

1reaction
bjankordcommented, Sep 12, 2017

Let’s move forward with a PR for this. We can address the pre background color in another PR.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Everything You Need to Know About HTML's 'pre' Element
In an HTML document, the pre element represents preformatted text. This means your tab indents, double-spaces, newlines, and other typographic ...
Read more >
Using PRE tags on Code Project - CodeProject
How to use PRE tags to preserve formatting, and improve readability of code snippets or tabular data in posts. Having trouble writing or...
Read more >
CSS Style Pre Tags - WP-Mix
In this post, I share some basic CSS to help style your pre tags for both ... effect that can improve the readability...
Read more >
<pre>: The Preformatted Text element - HTML - MDN Web Docs
The <pre> HTML element represents preformatted text which is to be presented exactly as written in the HTML file. The text is typically ......
Read more >
How to ensure readability of HTML ? - GeeksforGeeks
In this article, we will look at 3 tips to remarkably improve the HTML as well as JavaScript code readability.
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