@teft/buttons
v5.1.3
Buttons for Teft.
0/weekUpdated 3 months agoGPL-2.0-or-laterUnpacked: 24.9 KB
Published by Dekode Interaktiv AS
npm install @teft/buttonsButtons
Teft styling for WordPress Buttons Block buttons and custom buttons with the .teft-button class. Override default WordPress colors, sizing and border radius with Teft custom properties.
Installation
Install the module
``bash`
npm install @teft/buttons
Variables
|Name|Default value|Explanation|
|-|-|-|
|--teft-buttons-primary-color|var(--teft-theme-primary-color, #1897ec)|Background color for primary button. Inherit color from theme package.|--teft-buttons-text-color
||var(--teft-theme-on-primary-color, #fff)|Text color for primary button. Inherit color from theme package.|--teft-buttons-outlined-color
||var(--teft-buttons-primary-color)|Text and border color for button with outlined style.|--teft-buttons-disabled-color
||var(--teft-theme-disabled-color, #ccc)|Background color for disabled buttons. Inherit color from theme package.|--teft-buttons-disabled-text-color
||var(--teft-theme-on-primary-color, #fff)|Text color for disabled buttons. Inherit color from theme package.|--teft-buttons-border-radius
||6.25em|Button burder radius.|
Examples
$3
`
html
`$3
$3
html
Primary Teft Button
``$3
