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 tofalse
- $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
- text:
- primaryCta?:
object
- text:
string
- href?:
string
- data?:
object
- onClick?:
function
- target?:
string
- text:
- secondaryCta?:
object
- text:
string
- href?:
string
- data?:
object
- onClick?:
function
- target?:
string
- text:
- body?:
- items:
array
- body?:
string
- cta?:
object
- text?:
string
- href?:
string
- data?:
object
- onClick?:
function
- target?:
string
- text?:
- title:
string
- image?:
object
- src:
string
- $size?:
string
(default
|large
)
- src:
- icon?:
object
- color?:
Color
(color) - src:
string
(image
|icon
)
- color?:
- body?: