vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Update roadmap

pull/6711/head
Cagatay Civici 2024-11-01 20:06:36 +03:00
parent 298e6100d5
commit 491a0d16e8
2 changed files with 15 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/showcase/doc/inputgroup/MultipleDoc.vue
View File

@ -3,7 +3,7 @@
<p>Multiple add-ons can be placed inside the same group.</p> <p>Multiple add-ons can be placed inside the same group.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<InputGroup class="sm:w-96"> <InputGroup class="sm:!w-96">
<InputGroupAddon> <InputGroupAddon>
<i class="pi pi-clock"></i> <i class="pi pi-clock"></i>
</InputGroupAddon> </InputGroupAddon>
@ -24,7 +24,7 @@ export default {
return { return {
code: { code: {
basic: ` basic: `
<InputGroup class="sm:w-96"> <InputGroup class="sm:!w-96">
<InputGroupAddon> <InputGroupAddon>
<i class="pi pi-clock"></i> <i class="pi pi-clock"></i>
</InputGroupAddon> </InputGroupAddon>
@ -39,7 +39,7 @@ export default {
options: ` options: `
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<InputGroup class="sm:w-96"> <InputGroup class="sm:!w-96">
<InputGroupAddon> <InputGroupAddon>
<i class="pi pi-clock"></i> <i class="pi pi-clock"></i>
</InputGroupAddon> </InputGroupAddon>
@ -56,7 +56,7 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<InputGroup class="sm:w-96"> <InputGroup class="sm:!w-96">
<InputGroupAddon> <InputGroupAddon>
<i class="pi pi-clock"></i> <i class="pi pi-clock"></i>
</InputGroupAddon> </InputGroupAddon>

36
apps/showcase/pages/roadmap/index.vue
View File

@ -70,42 +70,28 @@
<h2 class="text-lg font-bold mt-0 mb-2">Form Library</h2> <h2 class="text-lg font-bold mt-0 mb-2">Form Library</h2>
<p class="mt-0 mb-4 leading-normal">Built-in form library with validations.</p> <p class="mt-0 mb-4 leading-normal">Built-in form library with validations.</p>
<div class="bg-surface-200 rounded"> <div class="bg-surface-200 rounded">
<div class="bg-blue-500 rounded" style="width: 25%; height: 4px"></div> <div class="bg-blue-500 rounded" style="width: 100%; height: 4px"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex-1 flex gap-4 flex-col"> <div class="flex-1 flex gap-4 flex-col">
<div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8">
<h2 class="text-lg font-bold mt-0 mb-2">Components</h2>
<p class="mt-0 mb-4 leading-normal">New Carousel, Tab Orientations, Updated Menu, Navigation Drawer...</p>
<div class="bg-surface-200 rounded">
<div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div>
</div>
</div>
<div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8"> <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8">
<h2 class="text-lg font-bold mt-0 mb-2">Tailwind CSS Presets</h2> <h2 class="text-lg font-bold mt-0 mb-2">Tailwind CSS Presets</h2>
<p class="mt-0 mb-4 leading-normal">Simplified usage in unstyled mode, typescript support, install via npx.</p> <p class="mt-0 mb-4 leading-normal">Simplified usage in unstyled mode.</p>
<div class="bg-surface-200 rounded"> <div class="bg-surface-200 rounded">
<div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div> <div class="bg-blue-500 rounded" style="width: 100%; height: 4px"></div>
</div>
</div>
<div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8">
<h2 class="text-lg font-bold mt-0 mb-2">Drag Drop Utils</h2>
<p class="mt-0 mb-4 leading-normal">Drag and Drop utilities.</p>
<div class="bg-surface-200 rounded">
<div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div>
</div> </div>
</div> </div>
<div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8"> <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8">
<h2 class="text-lg font-bold mt-0 mb-2">RTL Support</h2> <h2 class="text-lg font-bold mt-0 mb-2">RTL Support</h2>
<p class="mt-0 mb-4 leading-normal">Right-to-left layout option for components.</p> <p class="mt-0 mb-4 leading-normal">Right-to-left layout option for components.</p>
<div class="bg-surface-200 rounded"> <div class="bg-surface-200 rounded">
<div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div> <div class="bg-blue-500 rounded" style="width: 100%; height: 4px"></div>
</div> </div>
</div> </div>
<div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8"> <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8">
<h2 class="text-lg font-bold mt-0 mb-2">PrimeVue+ Suite | 2025</h2> <h2 class="text-lg font-bold mt-0 mb-2">PrimeVue+ Suite -> 2025</h2>
<p class="mt-0 mb-4 leading-normal">Gantt Chart, Flow Chart, Sheet, PDF Viewer, Calendar, Timeline, Editor.</p> <p class="mt-0 mb-4 leading-normal">Gantt Chart, Flow Chart, Plot Charts, Graphs, PDF Viewer, Event Calendar, Timeline, Html Editor.</p>
<div class="bg-surface-200 rounded"> <div class="bg-surface-200 rounded">
<div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div> <div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div>
</div> </div>
@ -129,7 +115,7 @@
<h2 class="text-lg font-bold mt-0 mb-2">New Figma Tokens - Phase 2</h2> <h2 class="text-lg font-bold mt-0 mb-2">New Figma Tokens - Phase 2</h2>
<p class="mt-0 mb-4 leading-normal">Update tokens to sync with the new styled mode.</p> <p class="mt-0 mb-4 leading-normal">Update tokens to sync with the new styled mode.</p>
<div class="bg-surface-200 rounded"> <div class="bg-surface-200 rounded">
<div class="bg-indigo-500 rounded" style="width: 50%; height: 4px"></div> <div class="bg-indigo-500 rounded" style="width: 100%; height: 4px"></div>
</div> </div>
</div> </div>
</div> </div>
@ -152,7 +138,7 @@
<h2 class="text-lg font-bold mt-0 mb-2">Documentation</h2> <h2 class="text-lg font-bold mt-0 mb-2">Documentation</h2>
<p class="mt-0 mb-4 leading-normal">Interactive component viewer to explore tokens and pt sections.</p> <p class="mt-0 mb-4 leading-normal">Interactive component viewer to explore tokens and pt sections.</p>
<div class="bg-surface-200 rounded"> <div class="bg-surface-200 rounded">
<div class="bg-teal-500 rounded" style="width: 25%; height: 4px"></div> <div class="bg-teal-500 rounded" style="width: 100%; height: 4px"></div>
</div> </div>
</div> </div>
</div> </div>
@ -176,7 +162,7 @@
<h2 class="text-lg font-bold mt-0 mb-2">Genesis</h2> <h2 class="text-lg font-bold mt-0 mb-2">Genesis</h2>
<p class="mt-0 mb-4 leading-normal">Brand new multi-purpose template.</p> <p class="mt-0 mb-4 leading-normal">Brand new multi-purpose template.</p>
<div class="bg-surface-200 rounded"> <div class="bg-surface-200 rounded">
<div class="bg-teal-500 rounded" style="width: 0%; height: 4px"></div> <div class="bg-teal-500 rounded" style="width: 50%; height: 4px"></div>
</div> </div>
</div> </div>
</div> </div>
@ -190,14 +176,14 @@
<h2 class="text-lg font-bold mt-0 mb-2">Tailwind Blocks</h2> <h2 class="text-lg font-bold mt-0 mb-2">Tailwind Blocks</h2>
<p class="mt-0 mb-4 leading-normal">Migrate Blocks to v4 and Tailwind CSS.</p> <p class="mt-0 mb-4 leading-normal">Migrate Blocks to v4 and Tailwind CSS.</p>
<div class="bg-surface-200 rounded"> <div class="bg-surface-200 rounded">
<div class="bg-orange-500 rounded" style="width: 90%; height: 4px"></div> <div class="bg-orange-500 rounded" style="width: 100%; height: 4px"></div>
</div> </div>
</div> </div>
<div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-orange-500 border-l-8"> <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-orange-500 border-l-8">
<h2 class="text-lg font-bold mt-0 mb-2">Online App</h2> <h2 class="text-lg font-bold mt-0 mb-2">Online App</h2>
<p class="mt-0 mb-4 leading-normal">Implement an app to access the blocks instead of an offline download.</p> <p class="mt-0 mb-4 leading-normal">Implement an app to access the blocks instead of an offline download.</p>
<div class="bg-surface-200 rounded"> <div class="bg-surface-200 rounded">
<div class="bg-orange-500 rounded" style="width: 90%; height: 4px"></div> <div class="bg-orange-500 rounded" style="width: 100%; height: 4px"></div>
</div> </div>
</div> </div>
</div> </div>