design-systems
Here are 280 public repositories matching this topic...
As per https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth:
subpixel-antialiased - On most non-retina displays, this will give the sharpest text.
Most desktop displays aren't retina. CSS Baseline should include a media query to use this instead of antialiased for better font smoothing.
I tried to follow the initial steps from here: https://www.learnstorybook.com/intro-to-storybook/react/en/get-started/
running:
npx create-react-app taskbox
cd taskbox
Then when I ran:
npx -p @storybook/cli sb init
I get the error TypeError: Cannot set property 'storybook' of undefined
This is the full message in my terminal:
sb init - the simplest way to add a
-
Updated
Feb 22, 2020
Tabs标签页在非 template/render 模式,直接使用会没效果的,建议在文档中提示一下
标签一的内容 标签二的内容 标签三的内容-
Updated
Feb 22, 2020 - JavaScript
-
Updated
Feb 22, 2020
-
Updated
Feb 22, 2020
- Go to https://evergreen.segment.com/components/popover
- Trigger a popover by clicking a button
- Click at background to close popover
Expect: Focus is brought back to button.
Actual: Focus is not brought back to button.
P/S: I clone the lastest code and it works as expected, but the popover in above page doesn't. I am curious whic
Describe the bug
- Dead anchor links. The color system doesn't list the variables/information for
blackandwhite. - We are also missing the
View sourcelink on this page
To Reproduce
Steps to reproduce the behavior:
- Go to https://primer.style/css/support/color-system
- Click on
BlackorWhitein the color palette
We need to improve the custom font token documentation, as it is currently only in the setting file itself. This leaves little room for good examples and writing. We've promised better docs for this since 2.0 and still haven't delivered.
https://designsystem.digital.gov/design-tokens/typesetting/font-family/
<img width="722" alt="Screen Shot 2020-02-07 at 11 20 14 AM" src="https://user-image
I am looking into variants and i feel like its a bit confusing which is the old api and which is the new one?
I feel like I should just be able to drop the variant function onto a component and give it scale="accents" and then if I pass variant="info" then it should look in the theme object for accents and pull the info key inside that yet it doesn't do that unless I write `variants: {
React docgen also parses descriptions of props. It would be really cool if Playroom could display this.
Ways to use:
- When autocompleting a prop playroom could show the description and allowed strings for each prop. Here is what it looks like in VSCode
<img width="928" alt="screen shot 2018-12-06 at 1 07 09 am" src="https://user-images.githubusercontent.com/1192452/49573725-90824d00-f8f
Guidelines issue
-
Updated
Feb 22, 2020 - C#
Add tabs option to the docs component ?
Would be cool to have the option to add tabs to the component, unless there is already a way to do this. Thanks
-
Updated
Feb 22, 2020 - CSS
When a text element has child elements like a link or span, and needs to wrap, the text layers are placed on top of one another.
html-sketchapp version: 4.3.0
minimal example:
<p>
<a href="/contact-us">Visit our Contact Us page</a> to find retail centres, opening hours and more.
</p>I've seen the same behaviour with divs and spans too:
<div>
Just picking up the CLI edition of Pattern Lab.
Although the Readme goes into a little detail on the build options, there's no guidance for the options from here on....
Eg. Something to explain what each npm script does and which to run first or, how to modify Patten lab such as that your starter kit it doesn't get deleted when ./source is cleaned.
I understand the documentation is
The documentation for Custom Transforms / Value Transforms is not clear.
I am trying to create a custom transform to HSL colors.
/*
{
CUSTOM_EASING: {
type: 'easing',
value: [1,2,3,4]
}
}
*/
theo.registerValueTransform(
// Name to be used with registerTransform()
"easing/web",
// Determine if the value transform
// should be run on the specified prop
p
In /templates/tachyons, I'm not sure I understand what this means:
Be sure to include a link to Tachyons in your document:
<link rel='stylesheet' href='https://unpkg.com/tachyons@4.9.1/css/tachyons.min.css'>
What document?
The kit.config.js file
should be
type: [String, Number, Object],
or ANY type.
Instead it throws exception
Invalid prop: type check failed for prop "value". Expected String, Number, got Object
As described on vuejs documentation page here https://vuejs.org/v2/guide/forms.html#Sel
-
Updated
Feb 21, 2020 - JavaScript
One of the consumers of our system uses curly braces for content replacement in strings.
Due to the way that SD currently uses curly braces in the build process there is no way I can have a string that includes the braces for consumption.
I have tried a number of ways to escape the braces with no luck
Other languages and templating systems seem to use the concept of using double curly b
For consideration:
Headings (hx) should be used to wrap the accordion triggering button. This would align with the recommendations of the ARIA 1.1 Practices Guide. The heading level as the first element in the <section>s will also align to the recommendations for the <section> element in the HTML 5.1 W3C Recommendation.
Accordion (Sections With Show/Hide Functionality)
https://www.w3.or
Improve this page
Add a description, image, and links to the design-systems topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the design-systems topic, visit your repo's landing page and select "manage topics."


Reproduction link
https://ant.design/docs/react/introduce
Steps to reproduce
Visit the docs site https://ant.design/docs/react/introduce, open any article with a long body (e.g. https://ant.design