forked from tsai/budibase
3 changed files with 29 additions and 0 deletions
@ -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> |
||||
Loading…
Reference in new issue