USDA-FSA/fsa-design-system

Combinator: Prototype Gaps

francisrupert opened this issue · 0 comments

francisrupert commented

Background

Each of the prototyped Combinators (#497) are mostly functional, though a few features were not implemented or are buggy. This issue attempts to identify them should it be decided to launch using the prototyped JS (rather than rebuild for true "production-quality" scripting.

Consider making each of the below sub-tasks they're own issue for convenient tracking management

  • Suffix/Prefix Toggle
    Add ability to toggle prefix/suffix (text or icon).
    Curveball: requires a completely different HTML structure.
    Additionally should be an option for Field Component when using the Text Input and Spinbox slots.

  • Color Coding
    Identify a solution to format #combinatorCodeSnippet when repainted.

  • Button Group: icon only
    If "Icon Only" is true, then "Icon" must be false.
    Screenshot Bug
    Screenshot Intended

  • Content Tabs: element toggle
    Implement ability to toggled between <a> and <button> elements. Reference how others do this (e.g. Buttons, Button Group, etc).