• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheet
      • AppBar
      • Avatar
      • BottomNavigation
      • Breadcrumb
      • Card
      • Drawer
      • ExpansionPanel
      • GridLayout
      • Menu
      • Context Menu
      • PanelBar
      • Splitter
      • StackLayout
      • TabStrip
      • Stepper
      • TileLayoutupdated
      • Timeline
      • Globalization
      • API
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

StackLayoutProps

Represents the props of the KendoReact StackLayout component.

NameTypeDefaultDescription

align?

StackLayoutAlign

Specifies the horizontal and vertical alignment of the inner StackLayout elements. Demo (here) and (here).

The possible keys are:

  • horizontal—Defines the possible horizontal alignment of the inner StackLayout elements.
    • start—Uses the start point of the container.
    • center—Uses the central point of the container.
    • end—Uses the end point of the container.
    • (Default)stretch—Stretches the items to fill the width of the container.
  • vertical—Defines the possible vertical alignment of the inner StackLayout elements.
    • top—Uses the top point of the container.
    • middle—Uses the middle point of the container.
    • bottom—Uses the bottom point of the container.
    • (Default)stretch—Stretches the items to fill the height of the container.

children?

React.ReactNode

The React elements that will be rendered inside the StackLayout.

className?

string

Sets additional CSS classes to the StackLayout.

gap?

string | number

Specifies the gap between the inner elements (see example).

id?

string

Sets the id property of the root StackLayout element.

orientation?

StackLayoutOrientation

Specifies the orientation of the StackLayout. (see example).

The possible values are:

  • (Default)horizontal
  • vertical

style?

React.CSSProperties

Sets additional CSS styles to the StackLayout.

In this article

Not finding the help you need?