Package org.patternfly.component.brand
package org.patternfly.component.brand
Provides the PatternFly brand component for displaying product logos and branding images.
A brand is used to place a product logotype on a screen. The brand component supports simple image-based logos as well as responsive logos with multiple sources for different viewport sizes.
Usage
Basic brand with a logo image:
Brand logo = brand("/img/logo.svg", "Product logo");
Responsive brand with different sources for different screen sizes:
Brand responsive = brand()
.widths(breakpoints(default_, "40px", sm, "60px", md, "220px"))
.addSource("/img/full-logo.svg", "(min-width: 768px)")
.addSource("/img/icon-logo.svg", "(min-width: 576px)")
.addImg(img("/img/full-logo.svg")
.apply(i -> i.alt = "Fallback logo"));
- See Also:
-
Classes