Class documents added
tugcekucukoglu
parent
145c91adfb
commit
a870d91caa
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,43 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes.accordion',
|
||||||
|
label: 'Accordion CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Accordion')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'theming.classes.accordioncontent',
|
||||||
|
label: 'AccordionContent CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('AccordionContent')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'theming.classes.accordionheader',
|
||||||
|
label: 'AccordionHeader CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('AccordionHeader')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'theming.classes.accordionpanel',
|
||||||
|
label: 'AccordionPanel CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('AccordionPanel')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Accordion')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('AutoComplete')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('AutoComplete')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Avatar')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Avatar')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -34,14 +34,14 @@ export default {
|
||||||
description: 'List of class names used in the styled mode.',
|
description: 'List of class names used in the styled mode.',
|
||||||
component: DocApiTable,
|
component: DocApiTable,
|
||||||
data: getStyleOptions('OverlayBadge')
|
data: getStyleOptions('OverlayBadge')
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'theming.tokens',
|
|
||||||
label: 'Design Tokens',
|
|
||||||
description: 'List of design tokens used in a preset.',
|
|
||||||
component: DocApiTable,
|
|
||||||
data: getTokenOptions('Badge')
|
|
||||||
}
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Badge')
|
||||||
|
// }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('BlockUI')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('BlockUI')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Breadcrumb')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Breadcrumb')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,29 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes.button',
|
||||||
|
label: 'Button CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Button')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'theming.classes.buttongroup',
|
||||||
|
label: 'ButtonGroup CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('ButtonGroup')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Button')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Card')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Card')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Carousel')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Carousel')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('CascadeSelect')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('CascadeSelect')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,15 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Chart')
|
||||||
|
}
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Checkbox')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Checkbox')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Chip')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Chip')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('ColorPicker')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('ColorPicker')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('ConfirmDialog')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('ConfirmDialog')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('ConfirmPopup')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('ConfirmPopup')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('ContextMenu')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('ContextMenu')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('DataTable')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('DataTable')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('DataView')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('DataView')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('DatePicker')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('DatePicker')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Dialog')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Dialog')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Divider')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Divider')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Dock')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Dock')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Drawer')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Drawer')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText v-bind="$attrs">
|
<DocSectionText v-bind="$attrs">
|
||||||
<p>List of class names can be found in <PrimeVueNuxtLink to="/dialog/#theming.styled">Dialog</PrimeVueNuxtLink> theming documentation.</p>
|
<p>List of class names and desing tokens can be found in <PrimeVueNuxtLink to="/dialog/#theming.styled">Dialog</PrimeVueNuxtLink> theming documentation.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Editor')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Editor')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Fieldset')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Fieldset')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('FileUpload')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('FileUpload')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('FloatLabel')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('FloatLabel')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Galleria')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Galleria')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,29 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes.iconfield',
|
||||||
|
label: 'IconField CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('IconField')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'theming.classes.inputicon',
|
||||||
|
label: 'InputIcon CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('InputIcon')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('IconField')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Image')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Image')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('InlineMessage')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('InlineMessage')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Inplace')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Inplace')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,8 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import InputGroupAddonStyleDoc from './InputGroupAddonStyleDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
import InputGroupStyleDoc from './InputGroupStyleDoc.vue';
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -22,15 +22,26 @@ export default {
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
id: 'theming.inputgroup',
|
id: 'theming.classes.inputgroup',
|
||||||
label: 'InputGroup',
|
label: 'InputGroup CSS Classes',
|
||||||
component: InputGroupStyleDoc
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('InputGroup')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.inputgroupaddon',
|
id: 'theming.classes.inputgroupaddon',
|
||||||
label: 'InputGroupAddon',
|
label: 'InputGroupAddon CSS Classes',
|
||||||
component: InputGroupAddonStyleDoc
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('InputGroupAddon')
|
||||||
}
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('InputGroup')
|
||||||
|
// }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -9,6 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import StyledDoc from './StyledDoc.vue';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
|
|
@ -19,7 +21,15 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('InputMask')
|
||||||
|
}
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('InputNumber')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('InputNumber')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,6 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import StyledDoc from './StyledDoc.vue';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
|
|
@ -19,7 +21,15 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('InputOtp')
|
||||||
|
}
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -27,14 +27,14 @@ export default {
|
||||||
description: 'List of class names used in the styled mode.',
|
description: 'List of class names used in the styled mode.',
|
||||||
component: DocApiTable,
|
component: DocApiTable,
|
||||||
data: getStyleOptions('InputText')
|
data: getStyleOptions('InputText')
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'theming.tokens',
|
|
||||||
label: 'Design Tokens',
|
|
||||||
description: 'List of design tokens used in a preset.',
|
|
||||||
component: DocApiTable,
|
|
||||||
data: getTokenOptions(this.$appState.preset, 'InputText')
|
|
||||||
}
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('InputText')
|
||||||
|
// }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Knob')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Knob')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Listbox')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Listbox')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('MegaMenu')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('MegaMenu')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Menu')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Menu')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Menubar')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Menubar')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Message')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Message')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('MeterGroup')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('MeterGroup')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('MultiSelect')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('MultiSelect')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('OrderList')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('OrderList')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('OrganizationChart')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('OrganizationChart')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Paginator')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Paginator')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Panel')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Panel')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('PanelMenu')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('PanelMenu')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Password')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Password')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('PickList')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('PickList')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Popover')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Popover')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('ProgressBar')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('ProgressBar')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('ProgressSpinner')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('ProgressSpinner')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('RadioButton')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('RadioButton')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Rating')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Rating')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Ripple')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Ripple')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('ScrollPanel')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('ScrollPanel')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,15 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('ScrollTop')
|
||||||
|
}
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Select')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Select')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('SelectButton')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('SelectButton')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Skeleton')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Skeleton')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Slider')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Slider')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('SpeedDial')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('SpeedDial')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('SplitButton')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('SplitButton')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,29 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes.splitter',
|
||||||
|
label: 'Splitter CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Splitter')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'theming.classes.splitterpanel',
|
||||||
|
label: 'SplitterPanel CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('SplitterPanel')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Splitter')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Stepper')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Stepper')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Steps')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Steps')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('TabMenu')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('TabMenu')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,50 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes.tabs',
|
||||||
|
label: 'Tabs CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Tabs')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'theming.classes.tablist',
|
||||||
|
label: 'TabList CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('TabList')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'theming.classes.tab',
|
||||||
|
label: 'Tab CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Tab')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'theming.classes.tabpanels',
|
||||||
|
label: 'TabPanels CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('TabPanels')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'theming.classes.tabpanel',
|
||||||
|
label: 'TabPanel CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('TabPanel')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Tabs')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Tag')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Tag')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Terminal')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Terminal')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Textarea')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Textarea')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('TieredMenu')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('TieredMenu')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Timeline')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Timeline')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Toast')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Toast')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('ToggleButton')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('ToggleButton')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('ToggleSwitch')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('ToggleSwitch')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Toolbar')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Toolbar')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Tooltip')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Tooltip')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('Tree')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('Tree')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('TreeSelect')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('TreeSelect')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
import TailwindDoc from './TailwindDoc.vue';
|
import TailwindDoc from './TailwindDoc.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -19,7 +20,22 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('TreeTable')
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// id: 'theming.tokens',
|
||||||
|
// label: 'Design Tokens',
|
||||||
|
// description: 'List of design tokens used in a preset.',
|
||||||
|
// component: DocApiTable,
|
||||||
|
// data: getTokenOptions('TreeTable')
|
||||||
|
// }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'theming.unstyled',
|
id: 'theming.unstyled',
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import StyledDoc from './StyledDoc.vue';
|
import DocApiTable from '@/components/doc/DocApiTable.vue';
|
||||||
|
import { getStyleOptions } from '@/components/doc/helpers';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
|
|
@ -18,7 +19,15 @@ export default {
|
||||||
{
|
{
|
||||||
id: 'theming.styled',
|
id: 'theming.styled',
|
||||||
label: 'Styled',
|
label: 'Styled',
|
||||||
component: StyledDoc
|
children: [
|
||||||
|
{
|
||||||
|
id: 'theming.classes',
|
||||||
|
label: 'CSS Classes',
|
||||||
|
description: 'List of class names used in the styled mode.',
|
||||||
|
component: DocApiTable,
|
||||||
|
data: getStyleOptions('VirtualScroller')
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue