Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update components documentation #2072

Merged
merged 1 commit into from
Nov 7, 2023
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions libs/components/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,11 +10,11 @@ All components are published in npm and available on any CDN that host npm modul

```html
<!-- using a specific version -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@covalent/components@x.x.x/index.mjs"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/@covalent/components@x.x.x/+esm"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@covalent/components@x.x.x/style.css" />

<!-- using the latest version -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@covalent/components@latest/index.mjs"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/@covalent/components@latest/+esm"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@covalent/components@latest/style.css" />
```

Expand All @@ -33,11 +33,11 @@ once the script is loaded, its now possible to start using our custom HTML eleme
<!DOCTYPE html>
<html>
<head>
<script type="module" src="https://cdn.jsdelivr.net/npm/@covalent/components@latest/index.mjs"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/@covalent/components@x.x.x/+esm"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@covalent/components@latest/style.css" />
</head>
<body>
<cv-button raised>Hello world<cv-button>
<cv-button label="Hello world" raised></cv-button>
</body>
</html>
```
Expand Down Expand Up @@ -69,7 +69,7 @@ import '@covalent/components/button';
@component({
standalone: true,
schemas: [CUSTOM_ELEMENTS_SCHEMA],
template: '<cv-button>Hello world</cv-button>',
template: '<cv-button label="Hello world" raised></cv-button>',
})
export class AppComponent {}
```
Expand Down
Loading