@purpurds/grid
v4.6.0
Published
import { Meta, Stories, ArgTypes, Primary, Subtitle } from "@storybook/blocks";
Downloads
2,357
Readme
import { Meta, Stories, ArgTypes, Primary, Subtitle } from "@storybook/blocks";
import * as GridStories from "./src/grid.stories"; import * as GridColStories from "./src/grid.col.stories"; import * as GridRowStories from "./src/grid.row.stories"; import packageInfo from "./package.json";
Grid
Version {packageInfo.version}
Showcase
Properties
Grid
Grid.Row
Grid.Col
Installation
Via NPM
Add the dependency to your consumer app like "@purpurds/purpur": "^x.y.z"
In MyApp.tsx
import "@purpurds/purpur/styles";
In MyComponent.tsx
import { Grid } from "@purpurds/purpur";
export const MyComponent = () => {
return (
<div>
<Grid style={{ backgroundColor: "green" }}>
<Grid.Row>
<Grid.Col width={12} widthMd={6}>
<p>Column 1</p>
</Grid.Col>
<Grid.Col width={12} widthMd={6}>
<p>Column 2</p>
</Grid.Col>
</Grid.Row>
</Grid>
</div>
);
};