sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

refactor: update examples

Browse Source
This commit is contained in:
Łukasz Holeczek
2021-08-30 00:44:20 +02:00
parent e3dd33a2f8
commit 0f2cb6c1db
40 changed files with 334 additions and 754 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/forms/Select.vue
+10 -10
View File
@@ -1,15 +1,15 @@
<template>
<CRow>
<CCol xs="12">
<DocsCallout name="Form Select" href="forms/select" />
<CCol :xs="12">
<DocsCallout name="Form Select" href="forms/select.html" />
</CCol>
<CCol xs="12">
<CCol :xs="12">
<CCard class="mb-4">
<CCardHeader>
<strong>Vue Select</strong> <small>Default</small>
</CCardHeader>
<CCardBody>
<DocsExample href="forms/select">
<DocsExample href="forms/select.html">
<CFormSelect aria-label="Default select example">
<option>Open this select menu</option>
<option value="1">One</option>
@@ -20,7 +20,7 @@
</CCardBody>
</CCard>
</CCol>
<CCol xs="12">
<CCol :xs="12">
<CCard class="mb-4">
<CCardHeader>
<strong>Vue Select</strong> <small>Sizing</small>
@@ -30,7 +30,7 @@
You may also choose from small and large custom selects to match our
similarly sized text inputs.
</p>
<DocsExample href="forms/select#sizing">
<DocsExample href="forms/select.html#sizing">
<CFormSelect
size="lg"
class="mb-3"
@@ -55,7 +55,7 @@
<p class="text-medium-emphasis small">
The <code>multiple</code> attribute is also supported:
</p>
<DocsExample href="forms/select#sizing">
<DocsExample href="forms/select.html#sizing">
<CFormSelect
size="lg"
multiple
@@ -70,7 +70,7 @@
<p class="text-medium-emphasis small">
As is the <code>htmlSize</code> property:
</p>
<DocsExample href="forms/select#sizing">
<DocsExample href="forms/select.html#sizing">
<CFormSelect
size="lg"
multiple
@@ -85,7 +85,7 @@
</CCardBody>
</CCard>
</CCol>
<CCol xs="12">
<CCol :xs="12">
<CCard class="mb-4">
<CCardHeader>
<strong>Vue Select</strong> <small>Disabled</small>
@@ -95,7 +95,7 @@
Add the <code>disabled</code> boolean attribute on a select to give
it a grayed out appearance and remove pointer events.
</p>
<DocsExample href="forms/select#disabled">
<DocsExample href="forms/select.html#disabled">
<CFormSelect aria-label="Disabled select example" disabled>
<option>Open this select menu</option>
<option value="1">One</option>