Named $class

App.xht

<script>
    import Child from './Child.xht';
    let cond = true;
</script>

<input type="checkbox" :checked={cond} />

<Child .header="red bold" .body:italic={cond} />

<style>
    .red {color: red;}
    .italic {font-style: italic;}
    .bold {font-weight: bold;}
</style>

Child.xht

<div class={$class.header}>
    Header
</div>

<div class={$class.body}>
    Body
</div>