Skip to content

Commit 1649aec

Browse files
committed
docs: update
1 parent 87128cb commit 1649aec

3 files changed

Lines changed: 16 additions & 1 deletion

File tree

docs-src/components/vscode-table/api.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,13 @@ component: vscode-table
99

1010
# VscodeTable
1111

12+
## Attributes
13+
14+
| Attribute | Type |
15+
|------------|-----------|
16+
| `bordered` | `Boolean` |
17+
| `zebra` | `Boolean` |
18+
1219
## Properties
1320

1421
| Property | Attribute | Type | Default |

docs-src/components/vscode-table/index.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,10 @@ component: vscode-table
77

88
# VscodeTable
99

10+
```typescript
11+
import '@bendera/vscode-webview-elements/dist/vscode-table';
12+
```
13+
1014
The Table component has a fixed header and resizable columns.
1115

1216
All data in the examples are generated by [faker.js](https://github.com/marak/Faker.js/),
@@ -492,7 +496,7 @@ any resemblance to real persons is coincidental.
492496
</style>
493497
<input type="checkbox" id="toggle-delayed-resizing"><label for="toggle-delayed-resizing">Delayed resizing</label>
494498
<component-preview>
495-
<vscode-table class="large-table-example" min-column-width="50" bordered vsc-cloak>
499+
<vscode-table class="large-table-example" min-column-width="100" bordered vsc-cloak>
496500
<vscode-table-header slot="header">
497501
<vscode-table-header-cell>id</vscode-table-header-cell>
498502
<vscode-table-header-cell>firstname</vscode-table-header-cell>

src/vscode-table.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,10 @@ import {VscodeScrollable} from './vscode-scrollable';
1616
import {VscodeTableCell} from './vscode-table-cell';
1717
import {VscodeTableHeaderCell} from './vscode-table-header-cell';
1818

19+
/**
20+
* @attr {Boolean} zebra
21+
* @attr {Boolean} bordered
22+
*/
1923
@customElement('vscode-table')
2024
export class VscodeTable extends LitElement {
2125
@property({reflect: true})

0 commit comments

Comments
 (0)