Link
Search
Menu
Expand
Document
Whirlwind 🌪️
Overview
Getting Started
Installation
Platform Support
Migration Guide
Core Concepts
Theming
Dark Mode
Platform Specific Styles
Reusable Components
Integrations
Customization
Configuration
Colors
Fonts
Extending Whirlwind
Reference
Background
Background Color
Borders
Border Color
Border Radius
Border Style
Border Width
Effects
Opacity
Shadow
Text Shadow
Flexbox
Flex
Flex Direction
Flex Grow
Flex Shrink
Flex Wrap
Align Content
Align Items
Align Self
Justify Content
Layouts
Display
Overflow
Position
Resize Mode
Top / Right / Bottom / Left
Inset
Tint Color
Z-Index
Sizing
Width
Min Width
Max Width
Height
Min Height
Max Height
Spacing
Padding
Margin
Typography
Font Family
Font Size
Font Style
Letter Spacing
Line Height
Text Alignment
Text Color
Text Decoration
Text Transform
Vertical Alignment
Whirlwind on GitHub
Layouts
Display
Class
Properties
t.displayNone
display: 'none'
t.displayFlex
display: 'flex'
Usage
In React Native all elements use
flex
layout by default.