examples/compositeselector.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   width="124mm"
   height="48mm"
   viewBox="0 0 124 48"
   version="1.1"
   id="svg3506"
   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)"
   sodipodi:docname="multiselector.svg"
   inkscape:export-filename="multiselector.png"
   inkscape:export-xdpi="231.39"
   inkscape:export-ydpi="231.39"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <sodipodi:namedview
     id="namedview3508"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:showpageshadow="2"
     inkscape:pageopacity="0.0"
     inkscape:pagecheckerboard="0"
     inkscape:deskcolor="#d1d1d1"
     inkscape:document-units="mm"
     showgrid="false"
     inkscape:zoom="2.1707325"
     inkscape:cx="338.59538"
     inkscape:cy="95.82019"
     inkscape:window-width="3840"
     inkscape:window-height="2127"
     inkscape:window-x="2160"
     inkscape:window-y="0"
     inkscape:window-maximized="1"
     inkscape:current-layer="layer1" />
  <defs
     id="defs3503">
    <marker
       style="overflow:visible"
       id="marker4501"
       refX="0"
       refY="0"
       orient="auto-start-reverse"
       inkscape:stockid="Arrow2"
       markerWidth="7.6999998"
       markerHeight="5.5999999"
       viewBox="0 0 7.7 5.6"
       inkscape:isstock="true"
       inkscape:collect="always"
       preserveAspectRatio="xMidYMid">
      <path
         transform="scale(0.7)"
         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
         id="path4499" />
    </marker>
    <marker
       style="overflow:visible"
       id="Arrow2"
       refX="0"
       refY="0"
       orient="auto-start-reverse"
       inkscape:stockid="Arrow2"
       markerWidth="7.6999998"
       markerHeight="5.5999999"
       viewBox="0 0 7.7 5.6"
       inkscape:isstock="true"
       inkscape:collect="always"
       preserveAspectRatio="xMidYMid">
      <path
         transform="scale(0.7)"
         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
         id="arrow2L" />
    </marker>
    <inkscape:path-effect
       effect="spiro"
       id="path-effect4171"
       is_visible="true"
       lpeversion="1" />
  </defs>
  <g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="layer1">
    <rect
       style="color:#000000;overflow:visible;fill:#ddafe9;stroke:none;stroke-width:0.162753;stroke-dasharray:none;stop-color:#000000"
       id="rect1663-36-3-6"
       width="21.180948"
       height="9.0074158"
       x="20.716343"
       y="30.500919" />
    <rect
       style="color:#000000;overflow:visible;fill:#ddafe9;stroke:none;stroke-width:0.128028;stroke-dasharray:none;stop-color:#000000"
       id="rect1663-36-3-6-1"
       width="13.106735"
       height="9.0074158"
       x="104.59903"
       y="30.560652" />
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.35px;line-height:3.175px;font-family:'Source Code Pro';-inkscape-font-specification:'Source Code Pro';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="6.4049716"
       y="36.797157"
       id="text379-4"><tspan
         sodipodi:role="line"
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.35px;font-family:'Source Code Pro';-inkscape-font-specification:'Source Code Pro';stroke-width:0.264583px"
         x="6.4049716"
         y="36.797157"
         id="tspan1666">Hij zoekt een mooi cadeau uit.</tspan></text>
    <rect
       style="color:#000000;overflow:visible;fill:#ffe680;stroke:#000000;stroke-width:0.234426;stroke-dasharray:none;stop-color:#000000"
       id="rect163-7"
       width="35.665318"
       height="8.6894751"
       x="48.235588"
       y="4.7872729" />
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.23333px;line-height:2.11666px;font-family:'Ubuntu Condensed';-inkscape-font-specification:'Ubuntu Condensed, ';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="51.726685"
       y="10.361693"
       id="text5516"><tspan
         sodipodi:role="line"
         id="tspan5514"
         style="font-size:4.23333px;stroke-width:0.264583px"
         x="51.726685"
         y="10.361693">lemma: uitzoeken</tspan></text>
    <path
       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#Arrow2)"
       d="m 65.854223,13.754122 v 2.51974 H 30.046015 l 0.132688,7.299983 0.116782,0.226424 -0.07085,3.175265"
       id="path4467"
       sodipodi:nodetypes="cccccc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker4501)"
       d="m 65.676375,16.224253 h 44.327435 l 0.31749,9.680534 -0.0465,1.392342"
       id="path4497"
       sodipodi:nodetypes="cccc" />
  </g>
</svg>