@teft/buttons
Advanced tools
Readme
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.
Install the module
npm install @teft/buttons
| 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. |
<div class="wp-block-buttons">
<div class="wp-block-button"><a class="wp-block-button__link" href="#">Primary Button</a></div>
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="#">Outlined Button</a></div>
</div>
.teft-button class.<a href="#" class="teft-button">Primary Teft Button</a>
<input type="button" class="teft-button teft-button--secondary" value="Teft Button Secondary" />
<input type="button" class="teft-button teft-button--alert" value="Teft Button Alert" />
<button type="submit" class="teft-button teft-button--success">Teft Button Success</button>
<button type="button" class="teft-button teft-button--warning">Teft Button Warning</button>
<button type="button" class="teft-button teft-button--warning" disabled>Teft Button Warning :disabled</button>
FAQs
Buttons for Teft.
We found that @teft/buttons demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CISA launched a new project called Vulnrichment to enrich CVEs with details that help prioritize patching and mitigation efforts, as the NVD backlog of unenriched CVEs awaiting analysis surpasses 10,000.
Security News
Socket is joining forces with CISA and other industry leaders at the RSA Conference to sign the Secure by Design pledge, committing to uphold the highest security standards in our products.
Research
The Socket research team breaks down a sampling of malicious packages that download and execute files, among other suspicious behaviors, targeting the popular Discord platform.