Skip to content

[Figma] Filter panel #8512

Open
Open

Description

Add the Filter panel component to Figma kit. Remember we are only building variants for xlg, md, and sm.

Design specs
Website

Must haves:

  • Filter panel has different items that are customizable: headlines, checkboxes, etc. Each of these should be available as items in Figma so that designers can create their own custom panel.
  • In md and sm breakpoints, the Filter panel is triggered from a button. This button should be available as an item in Figma for both breakpoints. G
  • Create a default filter panel that the designer can edit.
  • Use the appropriate Carbon components (such as checkboxes) directly from the White theme - Carbon Design System Figma kit.
  • Create the buttons that appear in Filter panel or use the ones available in the White theme - Carbon Design System Figma kit. Double check that the type token is correct.

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    designApplied to all issues assigned to the design team members. Filter used in planning meetingsdesign kitinactivepriority: low

    Type

    No type

    Projects

    • Status

      Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions