All files / src/arrow TriangleArrow.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 
 
 
 
63x
63x
 
 
 
 
 
 
 
63x
 
 
 
 
 
 
23x
 
import React from 'react';
import type * as CSS from 'csstype';
 
export interface TriangleArrowProps extends React.SVGProps<SVGSVGElement> {}
export function TriangleArrow(props: TriangleArrowProps) {
  const { style, ...reset } = props;
  const defaultStyle: CSS.Properties<string | number> = {
    cursor: 'pointer',
    height: '1em',
    width: '1em',
    userSelect: 'none',
    display: 'inline-flex',
    ...style,
  };
  return (
    <svg viewBox="0 0 24 24" fill="var(--w-rjv-arrow-color, currentColor)" style={defaultStyle} {...reset}>
      <path d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"></path>
    </svg>
  );
}
 
TriangleArrow.displayName = 'JVR.TriangleArrow';