sparc - v1.0.1
    Preparing search index...

    Interface ButtonProps

    interface ButtonProps {
        class?: string;
        containerSelector?: string;
        id?: string;
        isDisabled?: boolean;
        isLoading?: boolean;
        isOutlined?: boolean;
        onClickHandler: (e: MouseEvent) => void;
        squared?: boolean;
        title?: string;
        type?: "button" | "reset" | "submit";
        variant?: "primary" | "secondary" | "danger";
    }

    Hierarchy (View Summary)

    Index

    Properties

    class? containerSelector? id? isDisabled? isLoading? isOutlined? onClickHandler squared? title? type? variant?

    Properties

    class?: string

    Regular HTML class names

    containerSelector?: string

    Valid CSS selector targeting the current element's parent.

    const myElement = new Element({...,containerSelector:"#login-form",...})
    myElement.render() //my element will be appended to #login-form
    id?: string

    if a value is provided, sparc will not use automatic UUID generation!

    isDisabled?: boolean

    Use this boolean flag to toggle a css class disabling interactions with the component.

    isLoading?: boolean

    Use this boolean flag to toggle a css class while the async component loads.

    isOutlined?: boolean

    Applies the outlined styling variant.

    false
    onClickHandler: (e: MouseEvent) => void
    squared?: boolean

    Sets equal width/height, useful for styling Icon Buttons.

    false
    title?: string

    Currently used as a tooltip. Displays the current value by default

    type?: "button" | "reset" | "submit"

    HTML attr. Defaults to "button"

    variant?: "primary" | "secondary" | "danger"

    Defines the element styling variant.

    "primary"

    Settings

    Member Visibility

    On This Page

    Properties