Connector

Right-angled triangle SVG for schematic corner brackets; color via currentColor.

Peça decorativa em SVG: triângulo retângulo isósceles com o ângulo reto num dos cantos do viewBox. A cor vem de currentColor, por isso usa classes Tailwind text-* (por exemplo text-primary, text-muted-foreground).

A prop corner define qual canto recebe o ângulo reto: top-left (padrão), top-right, bottom-left ou bottom-right. Coloca quatro instâncias nos cantos de um contentor com absolute para criar molduras tipo diagrama técnico.

Importação

import {
	Connector,
	type ConnectorProps,
	type ConnectorCorner,
} from "@zexon/ui/components/connector";

Um canto

Cor e tamanho

Quatro cantos

Moldura em L

Conteúdo com cantos tipo diagrama

Props

Prop	Tipo	Predefinição	Notas
`corner`	`"top-left" \| "top-right" \| "bottom-left" \| "bottom-right"`	`"top-left"`	Canto onde fica o ângulo reto do triângulo.

Demais props repassam-se ao <svg> (className, style, etc.). A cor usa currentColor (controla com text-*); o tamanho predefinido é size-3.

Command

Container