Broadcast

Broadcast automatically fetches broadcast messages for the current (or a given) url.

React

unsupported

Vue

unsupported

Elements

unsupported

Android

unsupported

iOS

released

Uses toast apis under the hood.

N.B. Broadcast should only be included once per page to avoid duplicate broadcast messages being displayed. The preferred method for including broadcast is to use the broadcast-podlet provided by the communication team.

Example

See the toast component for examples, as broadcast utilizes it to display messages.

Usage

Design Guidelines

See Figma: Warp - Components / Broadcast

Questions?

Feel free to ask any questions on usage in the Warp DS Slack channel: #smp-warp-design-system

Frameworks

Import

import '@warp-ds/elements/components/broadcast';

Syntax

<w-broadcast 
  api="https://dev.finn.no/broadcasts"
  url="https:/dev.finn.no/meldinger" interval="30000">
</w-broadcast>

Props

Required props

name	type	default	notes
api	string		API endpoint to fetch broadcasts from

Optional Props

name	type	default	notes
interval	number	300 000	Refetch interval. Default is set to 5 minutes
url	string	window.location.href	Page (identified by its url) to check for registered broadcasts against