Skip to content

Commit

Permalink
Copy inverseColor docs exactly from other components
Browse files Browse the repository at this point in the history
  • Loading branch information
VincentSmedinga committed Feb 13, 2024
1 parent dec6023 commit 8916bef
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 4 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,10 @@ For example, here are three news articles:

<Canvas of={OrderedListStories.WithoutMarkers} />

### List with inverted colors for dark backgrounds
### Inverse colour

When using a dark background, the list can have inverted colors to ensure readability.
Set the `inverseColor` prop if the List sits on a dark background.
This ensures the colour of the text provides enough contrast.
When nesting lists, set the prop on all lists.

<Canvas of={OrderedListStories.InverseColor} />
Original file line number Diff line number Diff line change
Expand Up @@ -37,8 +37,10 @@ This example is based on the top tasks on the homepage of the website:

<Canvas of={UnorderedListStories.WithoutMarkers} />

### List with inverted colors for dark backgrounds
### Inverse colour

When using a dark background, the list can have inverted colors to ensure readability.
Set the `inverseColor` prop if the List sits on a dark background.
This ensures the colour of the text provides enough contrast.
When nesting lists, set the prop on all lists.

<Canvas of={UnorderedListStories.InverseColor} />

0 comments on commit 8916bef

Please sign in to comment.