/

<InlineVideo> Component

A component rendering a video inline with an optional description below it.

Share
Code Editor


    <div style={{display: 'grid', gridTemplateColumns: 'calc(50% - 16px) calc(50% - 16px)', gap: '32px'}}>

      <InlineVideo

        solution="networking"

        url="https://youtu.be/nJ0aI6sEDRo"

        description="Description - 2 lines with character limit of 90. Tempus in egestas sagittis nulla feugiat"

      />

      <InlineVideo

        gradientPosition="right"

        url="https://hashicorp.wistia.com/medias/glovs5atuj"

        description="Description - 2 lines with character limit of 90. Tempus in egestas sagittis nulla feugiat"

      />

    </div>

Props

NameDescription
appearance
string
Styles the description with either a light or dark theme.
Options: "light", "dark"
gradientPosition
string
Position for the gradient.
url*
string
URL for the featured video.
description
string
Text describing the video.
solution
string
Solution theme to apply to the gradient.
Options: "infrastructure", "security", "networking", "applications"