Skip to content
Home

Row

Info
Demos
Properties

Description

Layout.Row is a simplified wrapper for FlexContainer with direction row.

Demos

With cards

Card contents
Card contents
Card contents
<Layout.Row>

  <Layout.Card>Card contents</Layout.Card>

  <Layout.Card>Card contents</Layout.Card>

  <Layout.Card>Card contents</Layout.Card>

</Layout.Row>

Items with flex-grow

Card contents
Card contents
Card contents
<Layout.Row>

  <Layout.FlexItem grow>

    <Layout.Card>Card contents</Layout.Card>

  </Layout.FlexItem>

  <Layout.FlexItem grow>

    <Layout.Card>Card contents</Layout.Card>

  </Layout.FlexItem>

  <Layout.FlexItem grow>

    <Layout.Card>Card contents</Layout.Card>

  </Layout.FlexItem>

</Layout.Row>

Properties

Row inherits the properties of FlexContainer with direction already set.