Template:Colored list/doc

Creates a list where each item is colored with a contrasting color, e.g.:

Usage

{{Colored list|list items|pre=item prefix|tag=HTML tag for each item|style=CSS|class="list class"|sep="item separator"|s='color sequence (see below)'}}

All named parameters are optional, and default to:

pre    = * (bulleted list)
tag    = span
style  = (none)
class  = (none)
sep    = \n (new line)
s      = category10

Input	Output
{{Colored list|One|Two|Three|Four|Five|Six|Seven|Eight|Nine|Ten}}
{{Colored list|One|Two|Three|Four|Five|Six|Seven|Eight|Nine|Ten|pre=#}}
{{Colored list|One|Two|Three|Four|Five|Six|Seven|Eight|Nine|Ten|pre=|tag=i|style=font-weight: bold|sep=;}}
{{Colored list|One|Two|Three|Four|Five|Six|Seven|Eight|Nine|Ten|class=hlist}}
{{Colored list|One|Two|class=plainlist}}
{{Colored list|1=1+1=2|2=2+2=4}} -or- {{Colored list|1+1{{=}}2|2+2{{=}}4}}

Color sequences

The following color sequences are available, mostly taken from the D3 3.x API and colorbrewer: accent: calc: excel: category10 or category: dark2 or dark: set1 or set: tableau10 or tableau: google: category20: category20b: category20c:

See also

Flat	{{hlist}} {{hlist|item1 |item2 |...}} item1 item2 ...	{{flatlist}} {{flatlist| * item1 * item2 * ...}} item1 item2 ...	{{cslist}} {{cslist|item1 |item2 |...}}
Bulleted and Ordered	{{bulleted list}} {{bulleted list|item1 |item2 |...}} item1 item2 ...		{{ordered list}} {{Ordered list|list_style_type=lower-alpha |first |second |...}} first second ...
Unbulleted	{{unbulleted list}} {{unbulleted list|item1 |item2 |...}} item1 item2 ...	{{plainlist}} {{plainlist| * item1 * item2 * ...}} item1 item2 ...	{{glossary}} (glossary, description, definition, association) {{glossary}} {{term|first term}} {{defn|first description}} {{term|second term}} {{defn|second description}} {{term|...}} {{defn|....}} {{glossary end}} first term first description second term second description ... ....
Other	{{flowlist}} [[File:Bad Title Example.png|left|thumb|100px]] {{flowlist| *item1 *item2 *...}} item1 item2 ...	{{columns-list}} {{columns-list|colwidth=5em| # first # second # third # ...}} first second third ...	{{colored list}} {{colored list|item1 |item2 |item3 |...}}