Use SKY UX in BBIS

Allen Roth
Allen Roth
Tenth Anniversary Kudos 1 Name Dropper Participant
in SKY Developer General Discussions
We are trying to create new pages within BBIS. We will use custom parts to retrieve and save data from and to CRM. We would like these pages to have a SKY look at feel. Is it possible to use SKY UX components within BBIS as the presentation layer for custom parts? 

Comments

  • Ben Wong
    Ben Wong Blackbaud Employee
    Tenth Anniversary Kudos 3 Name Dropper Participant
    Hi Allen Roth‍,


    Yes, you can use SKY UX as the presentation layer. You can take advantage of the SKY UX styles without necessarily using the Angular components. Bobby Earl‍ is the expert in this area and may be able to give you more guidance.


    I'd love to see what you come up with!


    Thanks!


    Ben
  • Bobby Earl
    Bobby Earl
    Tenth Anniversary Kudos 1 Participant Facilitator 1
    Hi Allen,


    As Ben mentioned, there are different levels of adoption in regards to SKY UX.  At its core, it's a design system - specifying styles and functionality.


    The first level of adoption would be to consume those styles.  You could use NPM as the linked styles page suggests or even use something like a CDN.  https://unpkg.com/@skyux/theme@4.4.0/css/sky.css. Referencing these styles will provide the overall feel of SKY UX, but really only affect some of the colors, fonts, and spacing.


    The next level of adoption would require using the Angular ecosystem.  This framework allows us to wrap up the styles in conjunction with functionality in to components.  Given that Angular is a globally opinionated I can't speak to how well Angular and BBIS will play together.  We've invested heavily in the documentation and tooling available at this level of adoption.

    https://developer.blackbaud.com/skyux 


    I'm happy to learn more about your use-case and help answer any questions.  Looking forward to talking more!


    Bobby

Categories