\r\n Value: {{ value }}\r\n
\r\nArrowUp\r\n and \r\n ArrowDown\r\n keys can be used to increment or decrement the value.\r\n \r\n Value: {{ value }}\r\n
\r\n\r\n Value: {{ value }}\r\n
\r\n1\r\n to\r\n 100, which can be changed by setting the\r\n min\r\n and \r\n max\r\n props.\r\n 1\r\n , and can be changed via the \r\n step\r\n prop (decimal values allowed).\r\n When \r\n step\r\n is set, the value will always be a multiple of the step size plus the minimum value.\r\n wrap\r\n prop to \r\n true\r\n .\r\n <b-form-spinbutton>\r\n supports small and large sizing via setting the \r\n size\r\n prop to either \r\n 'sm'\r\n or \r\n 'lg'\r\n , respectively.\r\n inline\r\n <b-form-spinbutton>\r\n \r\n will format the displayed number in the users browser default locale. You can change the localized formatting by\r\n specifying a locale (or array of locales) via the\r\n \r\n locale\r\n \r\n prop.\r\n \r\n disabled\r\n places the component in a disabled, non-interactive state. The \r\n readonly\r\n \r\n prop places the component in a readonly state (focusable, but the value cannot be changed by the user).\r\n \r\n vertical\r\n or \r\n inline\r\n ) will expand to the maximum width of the parent container You can control width via utility classes such as\r\n \r\n w-50, w-75, w-100\r\n , or use styles to set the width.\r\n null\r\n value, and the user has not selected a value, you can use the \r\n state\r\n prop to apply one of the contextual validation styles to the component.\r\n formatter-fn\r\n to a method reference.\r\n increment\r\n and \r\n decrement\r\n