ui-lit/svg/index.js

UI Elements on LIT

import { svg } from 'lit';
export const dropdown = (opened, size = 9) => svg `
<svg 
    ?opened = "${opened}"
    class = "dropdown"
    width = "${size}px"
    height = "${size}px"
    style = "transform-origin:center; transform: rotate(${opened ? '180deg' : '0'});" 
    viewBox="0 0 130 130" 
    xmlns="http://www.w3.org/2000/svg">
<path d="M127.139 35.2215L73.7459 102.339C68.681 108.479 60.8725 108.479 56.0186 102.339L2.62577 35.2215C-2.43916 28.8697 0.093308 24 7.90175 24H121.863C129.882 24 132.204 28.8697 127.139 35.2215Z" />
</svg>`;