17 lines
647 B
TypeScript
17 lines
647 B
TypeScript
export type TriangleDirection = 'left' | 'right' | 'up' | 'down';
|
|
|
|
interface TriangleIconProps {
|
|
direction?: TriangleDirection;
|
|
className?: string;
|
|
}
|
|
|
|
/**
|
|
* Einheitliches Richtungssymbol fuer Navigation und aufklappbare Controls.
|
|
* Als SVG bleibt das Dreieck unabhaengig von Schriftart und Zeichenkodierung.
|
|
*/
|
|
export function TriangleIcon({ direction = 'left', className = '' }: TriangleIconProps) {
|
|
const classes = `triangle-icon triangle-icon-${direction}${className ? ` ${className}` : ''}`;
|
|
return <svg className={classes} viewBox="0 0 12 12" aria-hidden="true" focusable="false">
|
|
<path d="M9.5 1.5 2.5 6l7 4.5z" />
|
|
</svg>;
|
|
} |