Min-Height

Utilities for setting the maximum width of an element

Table of classes

Class

Properties

min-h-0

{ minHeight: 0 }

min-h-0.25

{ minHeight: 1 }

min-h-0.5

{ minHeight: 2 }

min-h-1

{ minHeight: 4 }

min-h-1.5

{ minHeight: 6 }

min-h-2

{ minHeight: 8 }

min-h-2.5

{ minHeight: 10 }

min-h-3

{ minHeight: 12 }

min-h-3.5

{ minHeight: 14 }

min-h-4

{ minHeight: 16 }

min-h-5

{ minHeight: 20 }

min-h-6

{ minHeight: 24 }

min-h-7

{ minHeight: 28 }

min-h-8

{ minHeight: 32 }

min-h-9

{ minHeight: 36 }

min-h-10

{ minHeight: 40 }

min-h-11

{ minHeight: 44 }

min-h-12

{ minHeight: 48 }

min-h-14

{ minHeight: 56 }

min-h-16

{ minHeight: 64 }

min-h-20

{ minHeight: 80 }

min-h-24

{ minHeight: 96 }

min-h-28

{ minHeight: 112 }

min-h-32

{ minHeight: 128 }

min-h-36

{ minHeight: 144 }

min-h-40

{ minHeight: 160 }

min-h-44

{ minHeight: 172 }

min-h-48

{ minHeight: 196 }

min-h-52

{ minHeight: 208 }

min-h-56

{ minHeight: 224 }

min-h-60

{ minHeight: 240 }

min-h-64

{ minHeight: 256 }

min-h-72

{ minHeight: 288 }

min-h-80

{ minHeight: 320 }

min-h-1/2

{ minHeight: '50%' }

min-h-1/3

{ minHeight: '33.333333%' }

min-h-2/3

{ minHeight: '66.666667%' }

min-h-1/4

{ minHeight: '25%' }

min-h-2/4

{ minHeight: '50%' }

min-h-3/4

{ minHeight: '75%' }

min-h-1/5

{ minHeight: '20%' }

min-h-2/5

{ minHeight: '40%' }

min-h-3/5

{ minHeight: '60%' }

min-h-4/5

{ minHeight: '80%' }

min-h-1/6

{ minHeight: '16.666667%' }

min-h-2/6

{ minHeight: '33.333333%' }

min-h-3/6

{ minHeight: '50%' }

min-h-4/6

{ minHeight: '66,666667%' }

min-h-5/6

{ minHeight: '83.333333%' }

min-h-1/12

{ minHeight: '8.333333%' }

min-h-2/12

{ minHeight: '16.666667%' }

min-h-3/12

{ minHeight: '25%' }

min-h-4/12

{ minHeight: '33.333333%' }

min-h-5/12

{ minHeight: '41.666667%' }

min-h-6/12

{ minHeight: '50%' }

min-h-7/12

{ minHeight: '58.333333%' }

min-h-8/12

{ minHeight: '66.666667%' }

min-h-9/12

{ minHeight: '75%' }

min-h-10/12

{ minHeight: '83.333333%' }

min-h-11/12

{ minHeight: '91.666667%' }

min-h-full

{ minHeight: '100%' }

Customization

info

To get an introduction on how customization works, it is recommended to visit the dedicated page in the documentation

To customize the classes regarding the min-height, you go to modify the fields under the property called sizing.

wind.config.js

import { customize } from "react-native-wind";
customize({  theme: {    sizing: {      container: 140,    },  },});

The library will automatically generate classes for height, width, max-height, min-height, max-width and min-width called in this way:

• w-container
• h-container
• min-w-container
• max-w-container
• min-h-container
• max-h-container

Those will have a value of 140

note

Adding a property to sizing will always add a class to height, width, max-height, min-height, max-width and min-width because they refer to the same general values