Componente de UI e o elemento reutilizavel e autocontido que forma uma parte da interface, como botao, campo de texto, menu, modal, card, checkbox ou dropdown. Cada um faz um trabalho especifico, carrega seu proprio estilo e se comporta igual onde quer que apareca.
A consistencia e o que mais importa nesse conceito. Um botao nao so parece igual sempre; ele tambem responde igual, ou seja, hover, foco, desabilitado e clique seguem a mesma regra em todo lugar. Voce define essa regra uma unica vez e depois usa o componente onde precisar.
Na pratica, eles costumam cair em quatro grupos: entrada, que coletam informacao; saida, que mostram informacao; navegacao, que movem a pessoa pelo produto; e container, que agrupam outros elementos. Um componente vira de fato reutilizavel quando e encapsulado, configuravel por propriedades e tem escopo claro, fazendo uma coisa bem feita. Por isso ele e a camada central de todo design system.