Polygon 多边形

显示一些多边形，例如：三角形、菱形、六边形、梯形等；全部采用 clip-path 实现

引用

import { l-polygon, regist } from "litos-ui";

regist(l-polygon);

演示

基础用法

默认提供了多种三角形，只需要配置 shape 属性即可。

自定义形状

通过 part::(default) 设置自定义的 clip-path。例如自定义菱形

API

l-polygon Attibutes

参数	说明	类型	默认值
shape	传递指定的默认的形状	string	triangle-top
background	背景颜色	string	-

l-polygon CSS Variables

变量名	说明	默认值
--l-polygen-size	多边形大小	10px
--l-polygen-width	多边形宽度	var(--l-polygen-size)
--l-polygen-height	多边形高度	var(--l-polygen-size)
--l-polygen-background	多边形背景色	#666