Button.svelte

<script>
    /**
     * The simple component button.
     * 
     * @component Button
     * @example
     * <Button text="Click there!" on:click={() => ...} />
     */

    /**
     * The text content of the button.
     * @type {string}
     */
    export let text = '';

    /**
     * The style type of the button.
     * @type {'default'|'primary'|'danger'|'success'}
     */
    export let type = 'default';

    /**
     * The size of the button.
     * @type {'small'|'normal'|'big'}
     */
    export let size = 'normal';

    /**
     * Additional options for the button.
     * @type {{ rtl: boolean, lang: string }}
     */
    export let options = { rtl: false, lang: 'en-us' };

    /**
     * Computes the answer to your question.
     * @param {string} [question=Why?] a question about life, the universe, everything
     * @returns {number} the answer to all your questions
     */
    export function computeAnswer(question) {
       return question.indexOf('?') >= 0 ? 42 : 23;
    };
</script>

<button type="button" on:click>
    {text}
</button>