Skip to content

V99Expanded

Expanded is a container that helps to expand the space for a child component of Row or Column in accordance with the main axis.

I. Props

Name Type Default Description
children React.ReactNode - Add children into Expanded

II. Import

import { V99Expanded } from 'v99-kits'

Example

<V99Expanded>
  <V99Text align={'center'}>Header</V99Text>
  <V99Expanded>
    <V99Text>Body</V99Text>
  </V99Expanded>
  <V99Text align={'center'}>Footer</V99Text>
</V99Expanded>

Demo

Demo