-
Notifications
You must be signed in to change notification settings - Fork 794
/
Arrow.tsx
44 lines (35 loc) · 1.27 KB
/
Arrow.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
import * as React from 'react';
import { Primitive } from '@radix-ui/react-primitive';
import type * as Radix from '@radix-ui/react-primitive';
/* -------------------------------------------------------------------------------------------------
* Arrow
* -----------------------------------------------------------------------------------------------*/
const NAME = 'Arrow';
type ArrowElement = React.ElementRef<typeof Primitive.svg>;
type PrimitiveSvgProps = Radix.ComponentPropsWithoutRef<typeof Primitive.svg>;
interface ArrowProps extends PrimitiveSvgProps {}
const Arrow = React.forwardRef<ArrowElement, ArrowProps>((props, forwardedRef) => {
const { children, width = 10, height = 5, ...arrowProps } = props;
return (
<Primitive.svg
{...arrowProps}
ref={forwardedRef}
width={width}
height={height}
viewBox="0 0 30 10"
preserveAspectRatio="none"
>
{/* We use their children if they're slotting to replace the whole svg */}
{props.asChild ? children : <polygon points="0,0 30,0 15,10" />}
</Primitive.svg>
);
});
Arrow.displayName = NAME;
/* -----------------------------------------------------------------------------------------------*/
const Root = Arrow;
export {
Arrow,
//
Root,
};
export type { ArrowProps };