Brand

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

Examples

Simple brand component.

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

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

QUICKLINKS

CONTRIBUTE

STAY IN TOUCH