Checkpoint: Components

Question 1 of 5

• One size enum (sm, md, lg) matching the other components, with compactness left to the density mode.
• Keep the booleans but document which combinations are invalid.
• Replace them with a className prop so teams size it themselves.
• Add isMedium so every size has a boolean.

Question 2 of 5

• The tooltip breaks; tooltips can’t wrap buttons.
• Nothing; cloning reaches nested elements automatically.
• The tab panel unmounts; add a key to the tooltip.
• The wrapped trigger no longer receives its props; share state through context instead.

Question 3 of 5

• The <div> with role="checkbox", tabindex and key handlers added.
• An <img> that swaps between checked and unchecked pictures.
• A native <input type="checkbox">, visually styled, with its label associated.
• A <button> with aria-pressed.

Question 4 of 5

• A more detailed props table.
• A changelog link.
• A longer description of the overlay animation.
• ‘When not to use’ guidance with the alternative, Toast, and a do-and-don’t example.

Question 5 of 5

• aria-disabled should be aria-disabled="disabled".
• aria-disabled only announces the state; the component must block the action itself.
• The tooltip intercepted the click.
• Screen readers ignore aria-disabled on buttons.