Rivet - improve rvt-button and rvt-cta support in Header Menu

Created on 30 July 2024, 4 months ago
Updated 13 September 2024, 2 months ago

Problem/Motivation

We already support rvt-cta rvt-cta--button and rvt-button classes in the main menu links, but we don't support the arrow-style CTA, nor the rvt-button "secondary" variants like rvt-button--secondary, rvt-button--success-secondary, and rvt-button--danger-secondary.

Proposed resolution

Via the rvt-c-header-menu custom Rivet class, ensure all of the following button style modifiers work:

  • rvt-cta (should render the same as rvt-cta--link)
  • rvt-cta rvt-cta--link
  • rvt-cta rvt-cta--button
  • rvt-button
  • rvt-button rvt-button--secondary
  • rvt-button rvt-button--success
  • rvt-button rvt-button--success-secondary
  • rvt-button rvt-button--danger
  • rvt-button rvt-button--danger-secondary
  • rvt-button rvt-button--plain
  • rvt-button rvt-button--link
  • rvt-button rvt-button--small (with all variants of the aforementioned modifiers - eg, secondary/success/danger/plain)

Remaining tasks

User interface changes

API changes

Data model changes

📌 Task
Status

Fixed

Version

1.0

Component

User interface

Created by

🇪🇨Ecuador jwilson3

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024