Skip to content
Home

FlexItem

Info
Demos
Properties

Demo

Contents
<Layout.FlexItem>Contents</Layout.FlexItem>

Widths

No width (default)

Contents

Small

Cont.

Medium

Contents

Large

Contents
<Layout.Card>

  <p>No width (default)</p>

  <Layout.FlexItem>

    <TestElement>Contents</TestElement>

  </Layout.FlexItem>

  <p>Small</p>

  <Layout.FlexItem width="small">

    <TestElement>Cont.</TestElement>

  </Layout.FlexItem>

  <p>Medium</p>

  <Layout.FlexItem width="medium">

    <TestElement>Contents</TestElement>

  </Layout.FlexItem>

  <p>Large</p>

  <Layout.FlexItem width="large">

    <TestElement>Contents</TestElement>

  </Layout.FlexItem>

</Layout.Card>