Vuetify

Магазин

Для бизнеса

The v-divider component is used to separate sections of lists or layouts.

Dividers in their simplest form display a horizontal line.

Выберите нужный компонент ниже и посмотрите доступные параметры, слоты, события и функции.

Ниже приведена коллекция простых и сложных примеров.

Вставки вставки перемещены на 72px вправо. Это приведёт к выравниванию элементов списка.

Vertical dividers give you more tools for unique layouts.

Vertical dividers can also be paired with the inset prop for even more options.

Dividers and subheaders can help break up content and can optionally line up with one another by using the same inset prop.

Создание пользовательских карт, чтобы соответствовать любому потребительному случаю

By default, v-divider components are assigned the WAI-ARIA role of separator which denotes that the divider "separates and distinguishes sections of content or groups of menuitems." However, sometimes a divider is just a way to make an interface look nice. In those cases, the role of presentation should be used which denotes "an element whose implicit native role semantics will not be mapped to the accessibility API." To override the default separator role in a v-divider, simply add a role="presentation" prop to your component. In addition, v-divider components have an aria-orientation="horizontal". If vertical="true", then aria-orientation="vertical" will be set automatically as well. If role="presentation", aria-orientation="undefined", its default value.

Готовы к большему? Продолжить чтение с:

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!