Component Syntax

[vilicvane]

<style>

</style>

<template>
    [+click ::onclick()]
    <div>
        [<content select=".icon"></content>]
        <content select=".text"></content>
    </div>
</template>

@component({
    tag: 'awesome-button',
    template: 'awesome-button.html'
})
export class AwesomeButton {
    @component.param()
    value: string;

    @component.target()
    target: DecoratorTarget;
}

let app = new Drop.App();
app.register(AwesomeButton);

How should a component being used in templates?

<div>some sample</div>
time left: <timer total="100" start-immediately="true" />