Icon Chevron คือ ไอคอนที่ใช้แสดงผลเมื่อต้องการแสดงทิศทาง
export default function IconChevron({
width = 16,
color = "#333",
degree = 0,
className,
}) {
return (
<svg
className={className}
width={width}
viewBox="0 0 193 337"
fill="none"
xmlns="http://www.w3.org/2000/svg"
style={{ transform: "rotate(" + degree + "deg)" }}
>
<path
d="M168.545 24.9858L24.5452 168.986L168.545 312.986"
stroke={color}
strokeWidth="48"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
<IconChevron width="40" />
Property | Description | Type | Default |
---|---|---|---|
width | ความกว้างของ view | number | 16 |
color | สีของ view | string | "#333" |
degree | องศาของ view | number | 0 |
className | กำหนดลักษณะเฉพาะของ view | string |