Return to Sky UI homepage

Reasons to Believe - React

import { ReasonsToBelieve } from '@sky-uk/ui-sections';

Example

The ReasonsToBelieve section features a list of predfined RTBs supporting icons or images.

Props

Props marked with ? are optional. Sections or section elements that do not provide the required props will not render. The data prop support key/value pairs that are rendered as kebab case data attributes on the component.

  • $animated?: boolean defaults to false
  • $appearance?: string (default | light)
  • $theme?: GradientKey (gradient)
  • background?: object
  • data?: object
  • header
    • body?: string
    • headline: string
    • headlineLevel?: string (h1 | h2 | h3);
    • overline?: string | Image;
    • textCta?: object
      • text: string
      • href?: string
      • data?: object
      • onClick?: function
      • target?: string
    • primaryCta?: object
      • text: string
      • href?: string
      • data?: object
      • onClick?: function
      • target?: string
    • secondaryCta?: object
      • text: string
      • href?: string
      • data?: object
      • onClick?: function
      • target?: string
  • items: array
    • body?: string
    • cta?: object
      • text?: string
      • href?: string
      • data?: object
      • onClick?: function
      • target?: string
    • title: string
    • image?: object
      • src: string
      • $size?: string (default | large)
    • icon?: object
      • color?: Color (color)
      • src: string (image | icon)