carbon-for-ibm-dotcom
carbon-for-ibm-dotcom copied to clipboard
[Figma] Content block segmented
Add the Content group simple component to Figma kit. Remember we are only building variants for xlg
, md
, and sm
.
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
, andLink 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
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