adds ActionGroup component

This commit is contained in:
Keviin Åberg Kultalahti 2021-04-09 13:48:55 +02:00
parent 28a0e71f43
commit a8f5d257eb
3 changed files with 29 additions and 0 deletions

View File

@ -41,6 +41,7 @@
},
"dependencies": {
"@spectrum-css/actionbutton": "^1.0.1",
"@spectrum-css/actiongroup": "^1.0.1",
"@spectrum-css/toast": "^3.0.1"
}
}

View File

@ -0,0 +1,23 @@
<script>
import "@spectrum-css/actiongroup/dist/index-vars.css"
export let vertical;
export let justified;
export let quiet;
export let compact;
// Attaches a spectrum-ActionGroup-item class to buttons inside the div
function group(element) {
const buttons = Array.from(element.getElementsByTagName('button'))
buttons.forEach(button => {
button.classList.add('spectrum-ActionGroup-item')
})
}
</script>
<div use:group class="spectrum-ActionGroup
{vertical && 'spectrum-ActionGroup--vertical'}
{justified && 'spectrum-ActionGroup--justified'}
{quiet && 'spectrum-ActionGroup--quiet'}
{compact && 'spectrum-ActionGroup--compact'}">
<slot />
</div>

View File

@ -829,6 +829,11 @@
resolved "https://registry.yarnpkg.com/@spectrum-css/actionbutton/-/actionbutton-1.0.1.tgz#9c75da37ea6915919fb574c74bd60dacc03b6577"
integrity sha512-AUqtyNabHF451Aj9i3xz82TxS5Z6k1dttA68/1hMeU9kbPCSS4P6Viw3vaRGs9CSspuR8xnnhDgrq+F+zMy2Hw==
"@spectrum-css/actiongroup@^1.0.1":
version "1.0.1"
resolved "https://registry.yarnpkg.com/@spectrum-css/actiongroup/-/actiongroup-1.0.1.tgz#b95b86e7af229e90fe1e70399d8d4b547b4bd31c"
integrity sha512-5Q6uMjzv5BFA2TwGASr/jAtJpTWl26fhWvgGY8kOA0RCSij35l+YJg/FPXf6Nnj2qCOl8DkNycjT9YXJ+bhyVA==
"@spectrum-css/toast@^3.0.1":
version "3.0.1"
resolved "https://registry.yarnpkg.com/@spectrum-css/toast/-/toast-3.0.1.tgz#36f62ea05302761e59b9d53e05f6c04423861796"