Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat/svg icons 1396 #1524

Merged
merged 14 commits into from
Sep 29, 2021
Merged

Feat/svg icons 1396 #1524

merged 14 commits into from
Sep 29, 2021

Conversation

davidsauntson
Copy link
Contributor

Adds icon svg view components to the design system:

  • create CitizensAdviceComponents::Icons::Base, which renders outer svg and associated props
  • create component for each icon and preview all icons in a table
  • add placeholder icon CSS for sizing and default colours
  • add svg files into /assets (see below)

This PR is already quite noisy so I want to complete the following tasks in separate PRs:

  • tidy up /assets (not used as far as I can tell), add it into the package, test in public-website and update icon docs
  • icon slots for CitizensAdviceComponents::Button (and anything else?)
  • add combined +/- up/down arrow icons with supporting CSS for easy toggling

Partial fix for #1396

@davidsauntson davidsauntson marked this pull request as ready for review September 29, 2021 08:12
Copy link
Contributor

@davidrapson davidrapson left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looking great so far. Only thing I'm a little stuck on is the icon name behaviour. I think I might be missing where that's used.

And had a little question about the composition + inheritance for the base class. Wondering if the base icon class we inherit from is a different concept to the base icon component we render inside each icon.

Copy link
Contributor

@davidrapson davidrapson left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⬆️ ⬆️ ⬇️ ⬇️ 🅱️ 🅰️

Looks great! I reckon the heading-wrapper class in targeted content should go, or be a separate change if we do need it but otherwise fab.

@davidsauntson davidsauntson merged commit 48d213c into master Sep 29, 2021
@davidsauntson davidsauntson deleted the feat/svg-icons-#1396 branch September 29, 2021 10:54
@davidsauntson davidsauntson linked an issue Sep 29, 2021 that may be closed by this pull request
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

SVG icon system
2 participants