@kvaser/canking-api/doc_md/controls/variables/OneLineButton.md

CanKing API to communicate with the CanKing service using Node.js.

[**Kvaser CanKing GUI Extensions SDK v7.5.1**](../../README.md)

***

[Kvaser CanKing GUI Extensions SDK](../../modules.md) / [controls](../README.md) / OneLineButton

# Variable: OneLineButton

> `const` **OneLineButton**: `StyledComponent`\<`ButtonOwnProps` & `Omit`\<`ButtonBaseOwnProps`, `"classes"`\> & `CommonProps` & `Omit`\<`DetailedHTMLProps`\<`ButtonHTMLAttributes`\<`HTMLButtonElement`\>, `HTMLButtonElement`\>, `"color"` \| `"className"` \| `"style"` \| `"classes"` \| `"children"` \| `"sx"` \| `"variant"` \| `"tabIndex"` \| `"disabled"` \| `"size"` \| `"action"` \| `"centerRipple"` \| `"disableRipple"` \| `"disableTouchRipple"` \| `"focusRipple"` \| `"focusVisibleClassName"` \| `"LinkComponent"` \| `"onFocusVisible"` \| `"TouchRippleProps"` \| `"touchRippleRef"` \| `"disableFocusRipple"` \| `"href"` \| `"disableElevation"` \| `"endIcon"` \| `"fullWidth"` \| `"loading"` \| `"loadingIndicator"` \| `"loadingPosition"` \| `"startIcon"`\> & `MUIStyledCommonProps`\<`Theme`\> & `object`, \{ \}, \{ \}\>

Creates a one line button.
The button is styled to have white-space set to nowrap and min-width set to max-content, which forces the
button to use only one line and to be as wide as its content.

## Returns

The OneLineButton React component.