0.1.15 • Published 7 months ago
@gluestack-ui/vstack v0.1.15
@gluestack-style/vstack
Installation
To use @gluestack-ui/vstack
, all you need to do is install the
@gluestack-ui/vstack
package:
$ yarn add @gluestack-ui/vstack
# or
$ npm i @gluestack-ui/vstack
Usage
VStack organizes items vertically in a layout. Alternatively, you can use Column as an alias for VStack to achieve the same layout. Here's an example how to use this package to create one:
import { Root, Spacer } from '../components/vstack/styled-components';
import { createVStack } from '@gluestack-ui/vstack';
const VStack = createVStack({
Root,
Spacer,
});
Customizing the vstack:
Default styling of all these components can be found in the components/core/vstack file. For reference, you can view the source code of the styled vstack
components.
// import the styles
import { Root, Spacer } from '../components/vstack/styled-components';
// import the createVStack function
import { createVStack } from '@gluestack-ui/vstack';
// Understanding the API
const VStack = createVStack({
Root,
Spacer,
});
// Using the vstack component
export default () => <VStack />;
More guides on how to get started are available here.
0.1.10
8 months ago
0.1.11
8 months ago
0.1.12
7 months ago
0.1.13
7 months ago
0.1.14
7 months ago
0.1.10-alpha.0
10 months ago
0.1.15
7 months ago
0.1.9
10 months ago
0.1.8
11 months ago
0.1.7
11 months ago
0.1.6
11 months ago
0.1.5
11 months ago
0.1.4
11 months ago
0.1.2
1 year ago
0.1.1
1 year ago
0.1.3
12 months ago
0.1.0
1 year ago
0.1.0-alpha.0
1 year ago