Skip to content

Commit c95a181

Browse files
committed
docs(design-system): add link examples for OcButton type prop
1 parent 40926e2 commit c95a181

File tree

1 file changed

+16
-0
lines changed
  • packages/design-system/docs/components/OcButton

1 file changed

+16
-0
lines changed

packages/design-system/docs/components/OcButton/OcButton.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,4 +88,20 @@ A click handler can be registered via the `@click` property.
8888
<<< @/components/OcButton/handler.vue
8989
:::
9090

91+
### Links
92+
93+
Use `type="a"` for external links, `type="router-link"` for internal navigation.
94+
95+
::: livecode
96+
97+
```html
98+
<!-- External link -->
99+
<oc-button type="a" href="https://docs.opencloud.eu" target="_blank">Documentation</oc-button>
100+
101+
<!-- Internal navigation -->
102+
<oc-button type="router-link" :to="{ name: 'files-spaces-projects' }">Projects</oc-button>
103+
```
104+
105+
:::
106+
91107
::: component-api

0 commit comments

Comments
 (0)