Skip to content

Commit ee371c3

Browse files
committed
chore: adds main bim-table example
1 parent 51a8587 commit ee371c3

File tree

2 files changed

+313
-110
lines changed

2 files changed

+313
-110
lines changed

packages/core/src/components/Table/example.html

Lines changed: 1 addition & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html lang="en" class="bim-ui-light">
2+
<html lang="en" class="bim-ui-dark">
33

44
<head>
55
<meta charset="UTF-8">
@@ -24,32 +24,6 @@
2424
</head>
2525

2626
<body>
27-
<div style="display: flex; flex-direction: column; gap: 0.75rem; height: 100%;">
28-
<div style="display: flex; gap: 0.375rem; width: 10rem;">
29-
<bim-checkbox id="force-error" label="Force Load Error" inverted></bim-checkbox>
30-
<bim-button id="clean-data" label="Clean Data"></bim-button>
31-
<bim-button id="print-data" label="Print Table Data"></bim-button>
32-
<bim-button id="copy-csv" label="Copy As CSV"></bim-button>
33-
<bim-button id="copy-tsv" label="Copy As TSV"></bim-button>
34-
<bim-button id="download-data" label="Download Table Data"></bim-button>
35-
</div>
36-
<div style="display: flex; gap: 0.75rem;">
37-
<bim-text-input id="search-box" placeholder="Search..." debounce="250"></bim-text-input>
38-
<bim-checkbox id="preserve-structure" label="Preserve Structure" checked inverted></bim-checkbox>
39-
</div>
40-
<bim-table style="border-radius: 0.25rem;" expanded selectable-rows>
41-
<div slot="missing-data"
42-
style="display: flex; flex-direction: column; align-items: center; width: 8rem; margin: auto;">
43-
<bim-label>No data to load!</bim-label>
44-
<bim-button id="load-data" label="Load Data" style="width: 100%;"></bim-button>
45-
</div>
46-
<div slot="error-loading"
47-
style="display: flex; flex-direction: column; align-items: center; width: 8rem; margin: auto;">
48-
<bim-label id="error-loading-label">Data failed to load!</bim-label>
49-
<bim-button id="try-again" label="Try Again" style="width: 100%;"></bim-button>
50-
</div>
51-
</bim-table>
52-
</div>
5327
<script type="module" src="./example.ts"></script>
5428
</body>
5529

0 commit comments

Comments
 (0)