MDUIDocs
Copiar link do llms.txtCopiar link do llms-full.txtVer esta página em MarkdownDiscutir esta página no ChatGPTDiscutir documentação completa do projeto no ChatGPT
Cores predefinidas
Cor personalizada
Extrair cor do papel de parede
Selecione um papel de parede
Primeiros Passos
Desenvolvimento assistido por IA
Estilos
Integração com Frameworks
Componentes
Avatar AvatarBadge BadgeBottomAppBar Barra de aplicativo inferiorButton BotãoButtonIcon Botão de íconeCard CardCheckbox CheckboxChip ChipCircularProgress Indicador de progresso circularCollapse CollapseDialog DiálogoDivider DivisorDropdown DropdownFab Botão de ação flutuanteIcon ÍconeLayout LayoutLinearProgress Indicador de progresso linearList ListaMenu MenuNavigationBar Barra de navegaçãoNavigationDrawer Gaveta de navegaçãoNavigationRail Trilho de navegaçãoRadio RadioRangeSlider Slider de intervaloSelect Campo de seleçãoSegmentedButton Botão segmentadoSlider SliderSnackbar SnackbarSwitch SwitchTabs AbasTextField Campo de textoTooltip TooltipTopAppBar Barra de aplicativo superior
Funções
Bibliotecas

DividerDivisor

O divisor é uma linha fina que agrupa conteúdo em listas e contêineres.

Como usar

Importe o componente quando necessário:

import 'mdui/components/divider.js';

Importe o tipo TypeScript do componente quando necessário:

import type { Divider } from 'mdui/components/divider.js';

Exemplo de uso:

<mdui-divider></mdui-divider>

Exemplos

Divisor vertical

Use o atributo vertical para exibir o divisor verticalmente.

Recuo à esquerda

Use o atributo inset para recuar o divisor à esquerda. Isso é frequentemente usado em listas para alinhar o divisor com o texto.

Recuo em ambos os lados

Use o atributo middle para recuar o divisor em ambos os lados.

API

Propriedades

AtributoPropriedadeReflectTipoPadrão
verticalverticalbooleanfalse

Define se é um divisor vertical.

insetinsetbooleanfalse

Define se deve ter recuo à esquerda.

middlemiddlebooleanfalse

Define se deve ter recuo em ambos os lados.

Nesta página