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.

Typography documentation needs fixing

See original GitHub issue

Example code of Text and Copyable components in Typography are not correct. When show code is clicked it gives the following output:

<NotificationProvider>
  <No Display Name />
</NotificationProvider>

It is also the same for the components in Notification docs. Also I could not find any information about the “No” component.

And when I click the copy icon it changes to check icon and never changes back to copy icon.

Issue Analytics

State:
Created 2 years ago
Comments:5

Top GitHub Comments

1reaction

redhatt06commented, Mar 9, 2022

You are welcome, i did nothing @BillyG83 . I wanted to write the codes for the storybook myself to help out. But couldn’t figure out how to make this notification pop up with onClick(). Code here is typescript.

1reaction

redhatt06commented, Mar 7, 2022

Hey Billy, sorry I should have been more clear. Yes these are from the storybook. -> https://web3ui.github.io/web3uikit/?path=/docs/4-ui-typography–copyable I was able to figure these out from the example code of default components but I just wanted to mention this.

1.Typography 2. Notifications

For the copy button I was using an older version of the kit I have just tried it and it works.

Thanks keep up the good work!

Top Results From Across the Web

Typography - Foundations - Human Interface Guidelines

Strive to maintain a minimum font size that most people can read easily. · Adjust font weight, size, and color as needed to...

Most common problems that make documents look bad - fordes

You can fix existing problems in three ways: Selecting the text and re-applying the correct font and font-height. This works in any application....

Beginning Graphic Design: Typography - GCF Global

As an important element of graphic design typography is defined as the style or appearance of text. Learn more in this tutorial and...

abe33/typography-fixer: Check or fix strings ... - GitHub

This module provides helper functions to check for and fix various punctuations or typographic mistakes and enforce proper use of non-breaking spaces in...

Beginning Graphic Design: Typography - YouTube

In this video, learn more about the basics of working with typography.