adds ActionGroup component
This commit is contained in:
parent
b43e0e6547
commit
fe991c683e
|
@ -41,6 +41,7 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@spectrum-css/actionbutton": "^1.0.1",
|
"@spectrum-css/actionbutton": "^1.0.1",
|
||||||
|
"@spectrum-css/actiongroup": "^1.0.1",
|
||||||
"@spectrum-css/toast": "^3.0.1"
|
"@spectrum-css/toast": "^3.0.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
|
@ -829,6 +829,11 @@
|
||||||
resolved "https://registry.yarnpkg.com/@spectrum-css/actionbutton/-/actionbutton-1.0.1.tgz#9c75da37ea6915919fb574c74bd60dacc03b6577"
|
resolved "https://registry.yarnpkg.com/@spectrum-css/actionbutton/-/actionbutton-1.0.1.tgz#9c75da37ea6915919fb574c74bd60dacc03b6577"
|
||||||
integrity sha512-AUqtyNabHF451Aj9i3xz82TxS5Z6k1dttA68/1hMeU9kbPCSS4P6Viw3vaRGs9CSspuR8xnnhDgrq+F+zMy2Hw==
|
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":
|
"@spectrum-css/toast@^3.0.1":
|
||||||
version "3.0.1"
|
version "3.0.1"
|
||||||
resolved "https://registry.yarnpkg.com/@spectrum-css/toast/-/toast-3.0.1.tgz#36f62ea05302761e59b9d53e05f6c04423861796"
|
resolved "https://registry.yarnpkg.com/@spectrum-css/toast/-/toast-3.0.1.tgz#36f62ea05302761e59b9d53e05f6c04423861796"
|
||||||
|
|
Loading…
Reference in New Issue