|
| 1 | +--- |
| 2 | +layout: false |
| 3 | +--- |
| 4 | + |
| 5 | +<script setup> |
| 6 | + import pButton from '../button/Button.vue' |
| 7 | + import pModal from '../modal/Modal.vue' |
| 8 | + import pNavbar from '../navbar/Navbar.vue' |
| 9 | + import pNavbarBrand from '../navbar/NavbarBrand.vue' |
| 10 | + import pNavbarNav from '../navbar/NavbarNav.vue' |
| 11 | + import pSidebar from '../sidebar/Sidebar.vue' |
| 12 | + import pSidebarBrand from '../sidebar/SidebarBrand.vue' |
| 13 | + import pSidebarNav from '../sidebar/SidebarNav.vue' |
| 14 | + import pNavItem from '../nav/NavItem.vue' |
| 15 | + import pPage from '../page/Page.vue' |
| 16 | + import pHeading from '../heading/Heading.vue' |
| 17 | + import pContextualBar from './ContextualBar.vue' |
| 18 | + import pDropzone from '../dropzone/Dropzone.vue' |
| 19 | + import pCheckbox from '../checkbox/Checkbox.vue' |
| 20 | + import pSheet from '../sheet/Sheet.vue' |
| 21 | + import pFormGroup from '../form-group/FormGroup.vue' |
| 22 | + import pInput from '../input/Input.vue' |
| 23 | + import IconClose from '@privyid/persona-icon/vue/close/16.vue' |
| 24 | + import IconEdit from '@privyid/persona-icon/vue/edit/16.vue' |
| 25 | + import { usePreview } from '../cropper/utils/use-preview' |
| 26 | + import { reactive, ref } from 'vue-demi' |
| 27 | + import { withBase } from 'vitepress' |
| 28 | + |
| 29 | + const sample = ref(false) |
| 30 | + const modal = ref(false) |
| 31 | +</script> |
| 32 | + |
| 33 | +<p-contextual-bar v-model="sample" title="Hey! This is Title Text"> |
| 34 | + <template #action> |
| 35 | + <p-button size="sm" color="info">Button text</p-button> |
| 36 | + </template> |
| 37 | +</p-contextual-bar> |
| 38 | + |
| 39 | +<p-navbar fixed> |
| 40 | + <p-navbar-nav align="right"> |
| 41 | + <p-nav-item active>Label</p-nav-item> |
| 42 | + <p-nav-item>Label</p-nav-item> |
| 43 | + <p-nav-item>Label</p-nav-item> |
| 44 | + </p-navbar-nav> |
| 45 | +</p-navbar> |
| 46 | + |
| 47 | +<div class="flex w-full h-full"> |
| 48 | + <p-sidebar toggleable="lg" fixed> |
| 49 | + <template #brand> |
| 50 | + <p-sidebar-brand> |
| 51 | + <img src="../../public/assets/images/icon-privy.svg" /> |
| 52 | + </p-sidebar-brand> |
| 53 | + </template> |
| 54 | + <p-sidebar-nav> |
| 55 | + <p-nav-item active>Documents</p-nav-item> |
| 56 | + <p-nav-item>Contacts</p-nav-item> |
| 57 | + <p-nav-item>Structure</p-nav-item> |
| 58 | + </p-sidebar-nav> |
| 59 | + </p-sidebar> |
| 60 | + <p-page expand="lg"> |
| 61 | + <div class="w-6/12 mx-auto"> |
| 62 | + <p-heading element="h5" class="mb-5"> |
| 63 | + A wonderful serenity has taken possession |
| 64 | + </p-heading> |
| 65 | + <p class="pb-6"> |
| 66 | + <div> |
| 67 | + <p-button color="info" @click="modal=true">Open modal</p-button> |
| 68 | + </div> |
| 69 | + My entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath |
| 70 | + <p-button size="sm" color="info" @click="sample=true">Click</p-button> |
| 71 | + </p> |
| 72 | + <p class="pb-6"> |
| 73 | + My entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath |
| 74 | + </p> |
| 75 | + <p> |
| 76 | + My entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath |
| 77 | + </p> |
| 78 | + </div> |
| 79 | + </p-page> |
| 80 | +</div> |
| 81 | + |
| 82 | +<p-modal |
| 83 | + v-model="modal" |
| 84 | + title="Modal Title" |
| 85 | + text="This is place holder text. The basic dialog for modals |
| 86 | + should contain only valuable and relevant information." |
| 87 | + size="full" |
| 88 | + header-class="px-6" |
| 89 | + body-class="p-6"> |
| 90 | +</p-modal> |
0 commit comments