Btn

A functional component for logically rendering the appropriate actionable elements: <RouterLink>, <a>, or <button>. At first glance, this may not be a particularly helpful component, but it really simplifies list rendering.

Features:

  • Renders a <button> by default.
  • Renders a <RouterLink>open in new window when provided a to prop.
  • Renders an <a> link when provided a href prop.
  • Renders an <form> link when provided an action and data prop.
  • Adds type="button" to <button> elements.
  • Adds rel="noopener" to links with target="blank"

Button Example (Default)

Form Example

List Example