Newfangled Package Modernizer

    vue-loading-button

    0.2.0 • Public • Published

    vue-loading-button

    Straightforward Vue button with slideout loading indicator

    Example use

    try it on codesandbox

    Props

    Prop Type Required Default Description
    loading boolean false false Controls loading indicator animation
    styled boolean false false Enables opinionated sample styles

    Installation

    Install the package from npm by running:

    $ npm i vue-loading-button
    

    or

    $ yarn add vue-loading-button
    

    Usage

    Import, register and place the component in your Vue app.

    <template>
      <VueLoadingButton />
    </template>
    import VueLoadingButton from 'vue-loading-button';
     
    export default {
      components: {
        VueLoadingButton,
      },
    };

    Accessibility

    Apply attributes, such as aria-label, directly on the element to apply them to the button.

    <template>
      <VueLoadingButton aria-label='Send message' />
    </template>

    Dev

    Running example script requires @vue/cli and @vue/cli-service-global to be installed. Install globally by running npm i --g @vue/cli @vue/cli-service-global or yarn add global vue/cli @vue/cli-service-global.

    Contributing

    This project is open to and encourages contributions! Feel free to discuss any bug fixes/features in the issues. If you wish to work on this project:

    1. Fork the project
    2. Create your feature branch (git checkout -b new-feature-branch)
    3. Commit your changes (git commit -am 'add new feature')
    4. Push to the branch (git push origin new-feature-branch)
    5. Submit a pull request!

    Install

    npm i vue-loading-button

    DownloadsWeekly Downloads

    195

    Version

    0.2.0

    License

    MIT

    Unpacked Size

    53.8 kB

    Total Files

    11

    Last publish

    Collaborators

    • shwilliam