design tokens

border radius

Border radius é a propriedade que define cantos arredondados dos elementos.

border radius

O token de border radius é utilizado para criar cantos arrendondados nos elementos da interface. Pode ser usado para criar harmonia entre componentes e ajudar na diferenciação dos itens interativos e estáticos.

base tokens

Lista de base tokens utilizados para compor os tokens de border radius.

theme tokens

Lista de theme tokens utilizados para compor os tokens de border radius.

uso

O tamanho medium é o padrão para a maior parte dos componentes. Depois, quanto mais simples e menos interativo o componente for, menor o border radius ele vai utilizar, e, quanto mais complexo, maior o seu border radius. Componentes complexos tem a capacidade de acomodar muitos componentes no seu interior.

base tokens

Canto de uma modal com dois botões dentro e duas marcações numeradas. Na
marcação 1 é apontado o canto arredondado do botão e na marcação número 2 o
canto arredondado da modal, com raio maior que o botão.
  1. Border radius small utilizado em um botão.
  2. Border radius large utilizado em uma modal.