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

[Figma] Content block segmented

Open RichKummer opened this issue 2 years ago • 0 comments

Add the Content group simple 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.
  • [ ] Use the existing Figma component for Image, Video, Card link, Link with icon,Content group, and Link list
  • [ ] Variant toggle for Link list
  • [ ] There should be three Content group instances in the default version of this component. If the designer removes any, the spacing should adjust by auto layout if needed.
  • [ ] Variants for No media, Video, and Image
  • [ ] Variant for including a CTA or not. If CTA is on, should be able to choose between Link with icon and Card link

Screen Shot 2022-06-11 at 11.51.35 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 18 '22 14:03 RichKummer