PLAYGROUND
Give the identity its own interaction surface
Set href when the mark should return home. Brand remains intrinsic unless w or h defines its rendered frame.
Brand href:"/" label:"Dowe home" w:32 h:8
Svg viewBox:"0 0 128 32" w:"full" h:"full"
Path d:"M2 2H18C27 2 32 7 32 16C32 25 27 30 18 30H2V2Z" fill:"primary"
Brand label:"Dowe symbol" w:8 h:8
Image src:"/assets/dowe-symbol.png" alt:"Dowe symbol" w:"full" h:"full"CONTRACT
Identity without action styling
Brand owns an optional navigation boundary while its children own every visible pixel.
NAVIGATION
href is optional
Without href the mark is a static identity group. With href the full authored frame becomes interactive.
DIMENSIONS
w and h match Box
Use common scalar or responsive size values to control the logo frame on every target.
VISUALS
Children stay in control
Svg and Image are the usual children, but any valid view child is accepted. Brand adds no variant, scheme, padding, or control background.
ACCESSIBILITY
Label the identity
Use label when an Svg has no independent text alternative or when the whole navigable mark needs one concise name.
APP BARS
Place Brand in start
A Brand in an AppBar start region provides the familiar route home without making a logo look like a text button.
API
Props
Brand accepts common identity, visibility, font, spacing, sizing, radius, border, and shadow props.
Prop | Type | Default |
|---|---|---|
No dataThere are no records to display | ||