Use pascal-case
parent
c3370293cd
commit
3eee8595e2
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming"> theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming"> theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
<thead>
|
<thead>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <nuxt-link to="/locale">locale</nuxt-link> API by default, you may use <i>closeButtonProps</i> to customize the element and
|
Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <NuxtLink to="/locale">locale</NuxtLink> API by default, you may use <i>closeButtonProps</i> to customize the element and
|
||||||
override the default <i>aria-label</i>.
|
override the default <i>aria-label</i>.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <nuxt-link to="/locale">locale</nuxt-link> API by default, you may use <i>closeButtonProps</i> to customize the element and
|
Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <NuxtLink to="/locale">locale</NuxtLink> API by default, you may use <i>closeButtonProps</i> to customize the element and
|
||||||
override the default <i>aria-label</i>.
|
override the default <i>aria-label</i>.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Controls buttons are <i>button</i> elements with an <i>aria-label</i> that refers to the <i>aria.moveTop</i>, <i>aria.moveUp</i>, <i>aria.moveDown</i> and <i>aria.moveBottom</i> properties of the
|
Controls buttons are <i>button</i> elements with an <i>aria-label</i> that refers to the <i>aria.moveTop</i>, <i>aria.moveUp</i>, <i>aria.moveDown</i> and <i>aria.moveBottom</i> properties of the
|
||||||
<nuxt-link to="/locale">locale</nuxt-link> API by default, alternatively you may use <i>moveTopButtonProps</i>, <i>moveUpButtonProps</i>, <i>moveDownButtonProps</i> and <i>moveBottomButtonProps</i> to customize the buttons like overriding
|
<NuxtLink to="/locale">locale</NuxtLink> API by default, alternatively you may use <i>moveTopButtonProps</i>, <i>moveUpButtonProps</i>, <i>moveDownButtonProps</i> and <i>moveBottomButtonProps</i> to customize the buttons like overriding
|
||||||
the default <i>aria-label</i> attributes.
|
the default <i>aria-label</i> attributes.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -5,23 +5,21 @@
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
First, previous, next and last page navigators elements with <i>aria-label</i> attributes referring to the <i>aria.firstPageLabel</i>, <i>aria.prevPageLabel</i>, <i>aria.nextPageLabel</i> and <i>aria.lastPageLabel</i> properties of the
|
First, previous, next and last page navigators elements with <i>aria-label</i> attributes referring to the <i>aria.firstPageLabel</i>, <i>aria.prevPageLabel</i>, <i>aria.nextPageLabel</i> and <i>aria.lastPageLabel</i> properties of the
|
||||||
<nuxt-link to="/locale">locale</nuxt-link> API respectively.
|
<NuxtLink to="/locale">locale</NuxtLink> API respectively.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p>Page links are also button elements with an <i>aria-label</i> attribute derived from the <i>aria.pageLabel</i> of the <NuxtLink to="/locale">locale</NuxtLink> API. Current page is marked with <i>aria-current</i> set to "page" as well.</p>
|
||||||
Page links are also button elements with an <i>aria-label</i> attribute derived from the <i>aria.pageLabel</i> of the <nuxt-link to="/locale">locale</nuxt-link> API. Current page is marked with <i>aria-current</i> set to "page" as well.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>Current page report uses <i>aria-live="polite"</i> to instruct screen reader about the changes to the pagination state.</p>
|
<p>Current page report uses <i>aria-live="polite"</i> to instruct screen reader about the changes to the pagination state.</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Rows per page dropdown internally uses a dropdown component, refer to the <nuxt-link to="/dropdown">dropdown</nuxt-link> documentation for accessibility details. Additionally, the dropdown uses an <i>aria-label</i> from the
|
Rows per page dropdown internally uses a dropdown component, refer to the <NuxtLink to="/dropdown">dropdown</NuxtLink> documentation for accessibility details. Additionally, the dropdown uses an <i>aria-label</i> from the
|
||||||
<i>aria.rowsPerPageLabel</i> property of the <nuxt-link to="/locale">locale</nuxt-link> API.
|
<i>aria.rowsPerPageLabel</i> property of the <NuxtLink to="/locale">locale</NuxtLink> API.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Jump to page input is an <i>input</i> element with an <i>aria-label</i> that refers to the <i>aria.jumpToPageInputLabel</i> property and jump to page dropdown internally uses a dropdown component, with an <i>aria-label</i> that refers to
|
Jump to page input is an <i>input</i> element with an <i>aria-label</i> that refers to the <i>aria.jumpToPageInputLabel</i> property and jump to page dropdown internally uses a dropdown component, with an <i>aria-label</i> that refers to
|
||||||
the <i>aria.jumpToPageDropdownLabel</i> property of the <nuxt-link to="/locale">locale</nuxt-link> API.
|
the <i>aria.jumpToPageDropdownLabel</i> property of the <NuxtLink to="/locale">locale</NuxtLink> API.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h3>Keyboard Support</h3>
|
<h3>Keyboard Support</h3>
|
||||||
|
@ -57,6 +55,6 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h3>Rows Per Page Dropdown Keyboard Support</h3>
|
<h3>Rows Per Page Dropdown Keyboard Support</h3>
|
||||||
<p>Refer to the <nuxt-link to="/dropdown">dropdown</nuxt-link> documentation for more details about keyboard support.</p>
|
<p>Refer to the <NuxtLink to="/dropdown">dropdown</NuxtLink> documentation for more details about keyboard support.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming"> theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming"> theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming"> theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming"> theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -7,9 +7,9 @@
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Controls buttons are <i>button</i> elements with an <i>aria-label</i> that refers to the <i>aria.moveTop</i>, <i>aria.moveUp</i>, <i>aria.moveDown</i>, <i>aria.moveBottom</i>,<i>aria.moveToTarget</i>, <i>aria.moveAllToTarget</i>,
|
Controls buttons are <i>button</i> elements with an <i>aria-label</i> that refers to the <i>aria.moveTop</i>, <i>aria.moveUp</i>, <i>aria.moveDown</i>, <i>aria.moveBottom</i>,<i>aria.moveToTarget</i>, <i>aria.moveAllToTarget</i>,
|
||||||
<i>aria.moveToSource</i> and <i>aria.moveAllToSource</i> properties of the <nuxt-link to="/locale">locale</nuxt-link> API by default, alternatively you may use <i>moveTopButtonProps</i>, <i>moveUpButtonProps</i>,
|
<i>aria.moveToSource</i> and <i>aria.moveAllToSource</i> properties of the <NuxtLink to="/locale">locale</NuxtLink> API by default, alternatively you may use <i>moveTopButtonProps</i>, <i>moveUpButtonProps</i>, <i>moveDownButtonProps</i>,
|
||||||
<i>moveDownButtonProps</i>, <i>moveToButtonProps</i>, <i>moveAllToButtonProps</i>, <i>moveFromButtonProps</i>, <i>moveFromButtonProps</i> <i>moveAllFromButtonProps</i> <i>moveToTargetProps</i>, <i>moveAllToTargetProps</i>,
|
<i>moveToButtonProps</i>, <i>moveAllToButtonProps</i>, <i>moveFromButtonProps</i>, <i>moveFromButtonProps</i> <i>moveAllFromButtonProps</i> <i>moveToTargetProps</i>, <i>moveAllToTargetProps</i>, <i>moveToSourceProps</i> and
|
||||||
<i>moveToSourceProps</i> and <i>moveAllToSourceProps</i> to customize the buttons like overriding the default <i>aria-label</i> attributes.
|
<i>moveAllToSourceProps</i> to customize the buttons like overriding the default <i>aria-label</i> attributes.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<DocSectionCode :code="code" hideToggleCode hideCodeSandbox hideStackBlitz v-bind="$attrs" />
|
<DocSectionCode :code="code" hideToggleCode hideCodeSandbox hideStackBlitz v-bind="$attrs" />
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<DocSectionText id="accessibility" label="Accessibility" v-bind="$attrs">
|
<DocSectionText id="accessibility" label="Accessibility" v-bind="$attrs">
|
||||||
<h3>Screen Reader</h3>
|
<h3>Screen Reader</h3>
|
||||||
<p>
|
<p>
|
||||||
Rating component internally uses radio buttons that are only visible to screen readers. The value to read for item is retrieved from the <nuxt-link to="/locale">locale</nuxt-link> API via <i>star</i> and <i>stars</i> of the
|
Rating component internally uses radio buttons that are only visible to screen readers. The value to read for item is retrieved from the <NuxtLink to="/locale">locale</NuxtLink> API via <i>star</i> and <i>stars</i> of the
|
||||||
<i>aria</i> property.
|
<i>aria</i> property.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText v-bind="$attrs">
|
<DocSectionText v-bind="$attrs">
|
||||||
<p>To start with, Ripple needs to be enabled globally. See the <nuxt-link to="/ripple">Configuration API</nuxt-link> for details.</p>
|
<p>To start with, Ripple needs to be enabled globally. See the <NuxtLink to="/configuration/#ripple">Configuration API</NuxtLink> for details.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<DocSectionCode :code="code" importCode hideCodeSandbox hideStackBlitz />
|
<DocSectionCode :code="code" importCode hideCodeSandbox hideStackBlitz />
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<DocSectionText id="accessibility" label="Accessibility" v-bind="$attrs">
|
<DocSectionText id="accessibility" label="Accessibility" v-bind="$attrs">
|
||||||
<h3>Screen Reader</h3>
|
<h3>Screen Reader</h3>
|
||||||
<p>
|
<p>
|
||||||
ScrollTop uses a button element with an <i>aria-label</i> that refers to the <i>aria.scrollTop</i> property of the <nuxt-link to="/locale">locale</nuxt-link> API by default, you may use your own aria roles and attributes as any valid
|
ScrollTop uses a button element with an <i>aria-label</i> that refers to the <i>aria.scrollTop</i> property of the <NuxtLink to="/locale">locale</NuxtLink> API by default, you may use your own aria roles and attributes as any valid
|
||||||
attribute is passed to the button element implicitly.
|
attribute is passed to the button element implicitly.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText v-bind="$attrs">
|
<DocSectionText v-bind="$attrs">
|
||||||
<p>Items display a tooltip on hober when a standalone <nuxt-link to="/tooltip/">Tooltip</nuxt-link> is present with a target that matches the items.</p>
|
<p>Items display a tooltip on hober when a standalone <NuxtLink to="/tooltip">Tooltip</NuxtLink> is present with a target that matches the items.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div :style="{ position: 'relative', height: '350px' }">
|
<div :style="{ position: 'relative', height: '350px' }">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
<thead>
|
<thead>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<p>Toast component use <i>alert</i> role that implicitly defines <i>aria-live</i> as "assertive" and <i>aria-atomic</i> as "true".</p>
|
<p>Toast component use <i>alert</i> role that implicitly defines <i>aria-live</i> as "assertive" and <i>aria-atomic</i> as "true".</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <nuxt-link to="/locale">locale</nuxt-link> API by default, you may use <i>closeButtonProps</i> to customize the element and
|
Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <NuxtLink to="/locale">locale</NuxtLink> API by default, you may use <i>closeButtonProps</i> to customize the element and
|
||||||
override the default <i>aria-label</i>.
|
override the default <i>aria-label</i>.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming"> theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming"> theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
<DocSectionText id="style" label="Style" v-bind="$attrs">
|
||||||
<p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
|
<p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="doc-tablewrapper">
|
<div class="doc-tablewrapper">
|
||||||
<table class="doc-table">
|
<table class="doc-table">
|
||||||
|
|
|
@ -26,12 +26,12 @@
|
||||||
<template v-if="k !== 'readonly' && k !== 'optional' && k !== 'deprecated'">
|
<template v-if="k !== 'readonly' && k !== 'optional' && k !== 'deprecated'">
|
||||||
<span v-if="k === 'name'" :id="id + '.' + v" class="doc-option-name">
|
<span v-if="k === 'name'" :id="id + '.' + v" class="doc-option-name">
|
||||||
{{ v }}
|
{{ v }}
|
||||||
<nuxt-link :to="`/${$router.currentRoute.value.name}/#${id}.${v}`" class="doc-option-link">
|
<NuxtLink :to="`/${$router.currentRoute.value.name}/#${id}.${v}`" class="doc-option-link">
|
||||||
<i class="pi pi-link"></i>
|
<i class="pi pi-link"></i>
|
||||||
</nuxt-link>
|
</NuxtLink>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<nuxt-link v-else-if="isLinkType(k, v)" :to="setLinkPath(v)" class="doc-option-link"> {{ v }} </nuxt-link>
|
<NuxtLink v-else-if="isLinkType(k, v)" :to="setLinkPath(v)" class="doc-option-link"> {{ v }} </NuxtLink>
|
||||||
|
|
||||||
<span v-else :id="id + '.' + v">
|
<span v-else :id="id + '.' + v">
|
||||||
{{ v }}
|
{{ v }}
|
||||||
|
|
Loading…
Reference in New Issue