carbon-for-ibm-dotcom icon indicating copy to clipboard operation
carbon-for-ibm-dotcom copied to clipboard

[Figma] Lead space block

Open RichKummer opened this issue 2 years ago • 0 comments

Add the Lead space block component to Figma kit. Remember we are only building variants for xlg, md, and sm.

Design spec Website

Must haves:

  • [ ] Content should be flexible - the designer should be able to condense or stretch the component and the content should respond. Removing text for example should maintain the right padding automatically through auto layout.
  • [ ] This component uses a fluid type token for the heading. If this is not created already, create a base to help swap the header type based on breakpoint size. See Content group in the library. This should be tested with for Cards.
  • [ ] Use existing components in the Figma kit: Link list, Expressive button, Image, Video. If these do not fit the design specs, consider creating specific versions of these components for this one.
  • [ ] Variant for no media, Image, and Video
  • [ ] Variant toggle for Expressive button

Screen Shot 2022-06-11 at 11.50.56 AM.png

Resources

  • C4IBM.com Component checklist is available in the Read Me 👀 page of the Figma library
  • Bases demo from the Figma Fridays (Episode 23)
  • Reference the best practices from Figma guild
  • Info on auto layout

RichKummer avatar Mar 17 '22 19:03 RichKummer