DevServerViewsBlocks
OverviewWeb metadatai18n
Canvas
OverviewArcadeParticlesInfographicCompositionInput
Charts
CandlestickArcChartAreaChartBarChartLineChartPieChart
Control
AudioCameraButtonFabIconButtonImageRecordMicrophoneSvgSelectThemeToggleGroupToggleThemeVideo
Display
AccordionAlertAvatarAvatarGroupBadgeBoxBrandBannerCardCarouselChatBoxChipCollapsibleCountdownDividerEmptyFlexGridIframeIconMapMarqueeRichTextSectionSkeletonTableText and Title
Form
CheckboxColorComboBoxCsvFieldDragDropDateDateRangeDropzoneEditorImageCropperInputPasswordPhonePinSelectSignal validationSliderToggle
Layout
AppBarBottomBarFooterScaffold
Logic
EachFunctionsShow
Style
AnimationsBorderEventsGesturesHeightRoundedShadowTransformsTransitionsWidth
State
SignalsStore
Theme
ColorsNamed themesComponent defaultsFonts
Navigation
NavMenuPaginationRailNavSideNavStepperTabs
Overlay
AlertDialogCommandDropdownModalTooltipToast
Utilities
ParseStandard library

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

dowe
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:6

EXAMPLES

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.

dowe
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 data

There are no records to display

DevServerViewsBlocks
OverviewWeb metadatai18n
Canvas
OverviewArcadeParticlesInfographicCompositionInput
Charts
CandlestickArcChartAreaChartBarChartLineChartPieChart
Control
AudioCameraButtonFabIconButtonImageRecordMicrophoneSvgSelectThemeToggleGroupToggleThemeVideo
Display
AccordionAlertAvatarAvatarGroupBadgeBoxBrandBannerCardCarouselChatBoxChipCollapsibleCountdownDividerEmptyFlexGridIframeIconMapMarqueeRichTextSectionSkeletonTableText and Title
Form
CheckboxColorComboBoxCsvFieldDragDropDateDateRangeDropzoneEditorImageCropperInputPasswordPhonePinSelectSignal validationSliderToggle
Layout
AppBarBottomBarFooterScaffold
Logic
EachFunctionsShow
Style
AnimationsBorderEventsGesturesHeightRoundedShadowTransformsTransitionsWidth
State
SignalsStore
Theme
ColorsNamed themesComponent defaultsFonts
Navigation
NavMenuPaginationRailNavSideNavStepperTabs
Overlay
AlertDialogCommandDropdownModalTooltipToast
Utilities
ParseStandard library