DISPLAY
Banner
Banner turns an authored visual surface into one safe external link across web, desktop, Android, and iOS.
PLAYGROUND
Make the complete surface the destination
Banner requires an HTTPS href. Its children own the message and layout while the wrapper owns one portable external interaction.
DOWE PLATFORM
AI can generate code. Dowe generates systems.
Explore a compiler and runtime designed to keep fullstack architecture unified.
Visit dowe.dev
Banner:
href:"https://dowe.dev"
label:"Explore Dowe"
bg:"softPrimary"
color:"softPrimaryText"
p:{ xs:5 md:8 }
rounded:"lg"
Grid columns:{ xs:1 md:2 } gap:5 align:"center"
Grid columns:1 gap:2
Title size:"3xl" weight:"black"
"AI can generate code. Dowe generates systems."
Text
"Explore the Dowe compiler and runtime."
Icon name:"arrow-right-up" w:6 h:6EXAMPLES
Banners for different levels of emphasis
Use common layout props to move from a compact announcement to an immersive campaign without changing the link contract.
New to Dowe? Start with the documentation.
Read the guide ↗
ONE SOURCE
Web, desktop, Android, and iOS
Compile one target-neutral view tree into native and web experiences.
Banner href:"https://dowe.dev/docs" label:"Read the Dowe documentation" bg:"softSecondary" p:4 rounded:"md"
Flex justify:"between" align:"center" gap:3
Text weight:"bold"
"New to Dowe? Start with the documentation."
Text size:"sm" weight:"bold"
"Read the guide ↗"
Banner:
href:"https://dowe.dev"
label:"Discover Dowe targets"
cover:"/assets/campaign.jpg"
overlay:0.68
color:"primaryText"
minH:64
p:{ xs:6 md:10 }
rounded:"lg"
Title size:"4xl" weight:"black"
"Web, desktop, Android, and iOS"CONTRACT
One visual surface, one external destination
Banner fixes external behavior so every target can preserve the same safe intent.
DESTINATION
HTTPS is required
Internal paths, fragments, relative URLs, HTTP, and unsafe schemes fail before target generation.
CONTENT
Children own the visuals
Compose text, icons, images, Flex, and Grid freely. Banner adds no Button variant or control metrics.
TARGETS
External by design
Web opens a protected new tab. Android and iOS use the system browser.
ACCESSIBILITY
Name the complete link
Use label when the visible tree does not produce one concise destination name for assistive technology.
COMPOSITION
Avoid nested controls
Do not place Button, IconButton, navigation items, or another interactive control inside a Banner.
API
Props
Banner accepts one required external destination plus common layout, visual, and visibility props.
Prop | Type | Default |
|---|---|---|
No dataThere are no records to display | ||