PatternFly

Brand

A brand is used to place a product logotype on a screen.

Examples

Basic

PatternFly logo
PatternFly logo

Responsive

Fallback patternFly default logo
Fallback patternFly default logo

Documentation

Overview

Simple brand component.

Accessibility

Attribute
Applied to
Outcome
alt
.pf-v5-c-brand
The alt attribute specifies an alternate text for an image, if the image cannot be displayed. Required

Usage

Class
Applied to
Outcome
.pf-v5-c-brand
<img>, <picture>
Initiates a brand image. Required
.pf-m-picture
.pf-v5-c-brand
Modifies a brand image to a picture.
--pf-v5-c-brand--Width{-on-[breakpoint]}: {width}
.pf-v5-c-brand
Modifies the width value of a picture on optional breakpoint.
--pf-v5-c-brand--Height{-on-[breakpoint]}: {height}
.pf-v5-c-brand
Modifies the height value of a picture on optional breakpoint.

View source on GitHub