nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Use SKY UX in BBIS

Allen Roth

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?

Find more posts tagged with

Comments

Ben Wong

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

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