wip: initial tags

This commit is contained in:
Keviin Åberg Kultalahti 2021-04-21 13:53:49 +02:00
parent 17e14e0c06
commit 8390bee693
5 changed files with 19 additions and 0 deletions

View File

@ -62,6 +62,7 @@
"@spectrum-css/switch": "^1.0.2", "@spectrum-css/switch": "^1.0.2",
"@spectrum-css/table": "^3.0.1", "@spectrum-css/table": "^3.0.1",
"@spectrum-css/tabs": "^3.0.1", "@spectrum-css/tabs": "^3.0.1",
"@spectrum-css/tags": "^3.0.2",
"@spectrum-css/textfield": "^3.0.1", "@spectrum-css/textfield": "^3.0.1",
"@spectrum-css/toast": "^3.0.1", "@spectrum-css/toast": "^3.0.1",
"@spectrum-css/treeview": "^3.0.2", "@spectrum-css/treeview": "^3.0.2",

View File

@ -0,0 +1,11 @@
<div class="spectrum-Tags" role="list" aria-label="list">
<div class="spectrum-Tags-item" role="listitem">
<span class="spectrum-Tags-itemLabel">Tag 1</span>
</div>
<div class="spectrum-Tags-item is-invalid" role="listitem">
<span class="spectrum-Tags-itemLabel">Tag 2</span>
</div>
<div class="spectrum-Tags-item is-disabled" role="listitem">
<span class="spectrum-Tags-itemLabel">Tag 2</span>
</div>
</div>

View File

View File

@ -41,6 +41,8 @@ export { default as Context } from "./context"
export { default as Table } from "./Table/Table.svelte" export { default as Table } from "./Table/Table.svelte"
export { default as Tabs } from "./Tabs/Tabs.svelte" export { default as Tabs } from "./Tabs/Tabs.svelte"
export { default as Tab } from "./Tabs/Tab.svelte" export { default as Tab } from "./Tabs/Tab.svelte"
export { default as Tags } from "./Tags/Tags.svelte"
export { default as Tag } from "./Tags/Tag.svelte"
export { default as TreeView } from "./TreeView/Tree.svelte" export { default as TreeView } from "./TreeView/Tree.svelte"
export { default as TreeItem } from "./TreeView/Item.svelte" export { default as TreeItem } from "./TreeView/Item.svelte"
export { default as Divider } from "./Divider/Divider.svelte" export { default as Divider } from "./Divider/Divider.svelte"

View File

@ -191,6 +191,11 @@
resolved "https://registry.yarnpkg.com/@spectrum-css/tabs/-/tabs-3.0.2.tgz#822316672e7b0dfba66faa988e638ddae18c700e" resolved "https://registry.yarnpkg.com/@spectrum-css/tabs/-/tabs-3.0.2.tgz#822316672e7b0dfba66faa988e638ddae18c700e"
integrity sha512-4RNcmwf0wxLpB7M54H02owlj0mKE8neL1+lytQpxOOhlwTO5zdsD82zjvx9tIc8tRnRKuhCCCwTuBxHYstnBmw== integrity sha512-4RNcmwf0wxLpB7M54H02owlj0mKE8neL1+lytQpxOOhlwTO5zdsD82zjvx9tIc8tRnRKuhCCCwTuBxHYstnBmw==
"@spectrum-css/tags@^3.0.2":
version "3.0.2"
resolved "https://registry.yarnpkg.com/@spectrum-css/tags/-/tags-3.0.2.tgz#5bf35fb79c97cd9344de485bd4626ad5b9f07757"
integrity sha512-HbvMk+QHvCDD1/ScvSErpKROcpAbXuMD4Hl/Gz/1A1lQ0fJ/CJeCq/MMsL7zjK1nlItU/ySu8r8KIuRF+6F8SQ==
"@spectrum-css/textfield@^3.0.1": "@spectrum-css/textfield@^3.0.1":
version "3.0.2" version "3.0.2"
resolved "https://registry.yarnpkg.com/@spectrum-css/textfield/-/textfield-3.0.2.tgz#907f62d2dc82852dd6236a820be99e252b531631" resolved "https://registry.yarnpkg.com/@spectrum-css/textfield/-/textfield-3.0.2.tgz#907f62d2dc82852dd6236a820be99e252b531631"