From 8916bef173e3207d457a90fb0773c374c66eb32a Mon Sep 17 00:00:00 2001 From: Vincent Smedinga Date: Tue, 13 Feb 2024 11:33:46 +0100 Subject: [PATCH] Copy `inverseColor` docs exactly from other components --- .../storybook-react/src/OrderedList/OrderedList.docs.mdx | 6 ++++-- .../src/UnorderedList/UnorderedList.docs.mdx | 6 ++++-- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/storybook/storybook-react/src/OrderedList/OrderedList.docs.mdx b/storybook/storybook-react/src/OrderedList/OrderedList.docs.mdx index e28fbe0125..b76798e583 100644 --- a/storybook/storybook-react/src/OrderedList/OrderedList.docs.mdx +++ b/storybook/storybook-react/src/OrderedList/OrderedList.docs.mdx @@ -49,8 +49,10 @@ For example, here are three news articles: -### 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. diff --git a/storybook/storybook-react/src/UnorderedList/UnorderedList.docs.mdx b/storybook/storybook-react/src/UnorderedList/UnorderedList.docs.mdx index 1809270072..94ca2e0f5f 100644 --- a/storybook/storybook-react/src/UnorderedList/UnorderedList.docs.mdx +++ b/storybook/storybook-react/src/UnorderedList/UnorderedList.docs.mdx @@ -37,8 +37,10 @@ This example is based on the top tasks on the homepage of the website: -### 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.