@startuml skinparam component { ' only an "explicit combined" definition is supported BackgroundColor<<example|base>> Violet ' but not a list of 2 BackgroundColor<<example>><<base>> Violet BackgroundColor<<base>> LightBlue BackgroundColor<<example>> Red } !procedure MyComponent($name, $stereo) !if ($stereo == "<<example>><<base>>" || $stereo == "<<base>><<example>>") #Violet $name $stereo !else $name $stereo !endif !endprocedure MyComponent("[origComponent]", "") MyComponent("[baseComponent1]", "<<base>>") MyComponent("[exampleComponent1]", "<<example>>") MyComponent("[exampleBaseComponent1]", "<<example|base>>") MyComponent("[exampleBaseComponent2]", "<<base>><<example>>") MyComponent("[exampleBaseComponent3]", "<<example>><<base>>") origComponent <-U- baseComponent1 origComponent <-U- exampleComponent1 baseComponent1 <-U- exampleBaseComponent1 exampleComponent1 <-U- exampleBaseComponent1 @enduml
Decode URL
Submit
amiga
aws-orange
black-knight
bluegray
blueprint
cerulean-outline
cerulean
crt-amber
crt-green
cyborg-outline
cyborg
hacker
lightgray
mars
materia-outline
materia
metal
mimeograph
minty
plain
reddress-darkblue
reddress-darkgreen
reddress-darkorange
reddress-darkred
reddress-lightblue
reddress-lightgreen
reddress-lightorange
reddress-lightred
sandstone
silver
sketchy-outline
sketchy
spacelab
spacelab-white
superhero-outline
superhero
toy
united
vibrant
Pure Javascript
PNG
SVG
ASCII Art