diff --git a/examples/list/list.nested.tsx b/examples/list/list.nested.tsx index 22e448f5bc..e5dff8d607 100644 --- a/examples/list/list.nested.tsx +++ b/examples/list/list.nested.tsx @@ -8,13 +8,11 @@ import { List } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; @@ -24,47 +22,43 @@ import { List, ListItem } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; function Component() { return ( - <> - - - List item one - - You might feel like you are being really "organized" o - Nested navigation in UIs is a bad idea too, keep things as flat as possible. - Nesting tons of folders in your source code is also not helpful. - - - - List item two - - I'm not sure if we'll bother styling more than two levels deep. - Two is already too much, three is guaranteed to be a bad idea. - If you nest four levels deep you belong in prison. - - - - List item three - - Again please don't nest lists if you want - Nobody wants to look at this. - I'm upset that we even have to bother styling this. - - - - + + + List item one + + You might feel like you are being really "organized" o + Nested navigation in UIs is a bad idea too, keep things as flat as possible. + Nesting tons of folders in your source code is also not helpful. + + + + List item two + + I'm not sure if we'll bother styling more than two levels deep. + Two is already too much, three is guaranteed to be a bad idea. + If you nest four levels deep you belong in prison. + + + + List item three + + Again please don't nest lists if you want + Nobody wants to look at this. + I'm upset that we even have to bother styling this. + + + ); } diff --git a/examples/list/list.ordered.tsx b/examples/list/list.ordered.tsx index 8e938432e1..6242f0e97a 100644 --- a/examples/list/list.ordered.tsx +++ b/examples/list/list.ordered.tsx @@ -8,13 +8,11 @@ import { List } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; @@ -24,26 +22,22 @@ import { List, ListItem } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } diff --git a/examples/list/list.root.tsx b/examples/list/list.root.tsx index 17decbad42..bcff5f4271 100644 --- a/examples/list/list.root.tsx +++ b/examples/list/list.root.tsx @@ -8,13 +8,11 @@ import { List } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; @@ -24,26 +22,22 @@ import { List, ListItem } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } diff --git a/examples/list/list.unstyled.tsx b/examples/list/list.unstyled.tsx index c2fc58f81f..ae6cdbebbc 100644 --- a/examples/list/list.unstyled.tsx +++ b/examples/list/list.unstyled.tsx @@ -8,13 +8,11 @@ import { List } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; @@ -24,26 +22,22 @@ import { List, ListItem } from 'flowbite-react'; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); } `; function Component() { return ( - <> - - At least 10 characters (and up to 100 characters) - At least one lowercase character - Inclusion of at least one special character, e.g., ! @ # ? - - + + At least 10 characters (and up to 100 characters) + At least one lowercase character + Inclusion of at least one special character, e.g., ! @ # ? + ); }