Divider

Os dividers trazem clareza a um layout, agrupando e dividindo o conteúdo nas proximidades. Eles também podem ser usados para estabelecer ritmo e hierarquia.

Playground

Propriedades

Nome (* = obrigatório)

Tipo

Valores

Descrição

orientation

DividerOrientation

  • horizontal (default)

  • vertical

A orientação do divisor. Use horizontal para separar conteúdos sequenciados verticalmente e vertical para separar conteúdos sequenciados horizontalmente.

weight

DividerWeight

  • light

  • medium

  • heavy

O peso do divisor. Afeta a visibilidade do divisor sem afetar sua espessura. É ignorado quando o modifier é diferente de none.

modifier

DividerModifier

  • none (default)

  • inverted

O modificador do divisor. Use inverted quando precisar de um divisor em fundos coloridos, com imagens ou ilustrações.

inline

boolean

  • false (default)

  • true

Use true para separar conteúdos em linha, como textos. Nesse cenário, é aplicado o estilo display: inline-block no container do divisor.