mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
32 lines
750 B
TypeScript
32 lines
750 B
TypeScript
const App = `import { Progress, Grid } from "@nextui-org/react";
|
|
|
|
export default function App() {
|
|
return (
|
|
<Grid.Container xs={12} sm={6} gap={2}>
|
|
<Grid>
|
|
<Progress value={50} shadow color="primary" status="primary" />
|
|
</Grid>
|
|
<Grid>
|
|
<Progress value={30} shadow color="secondary" status="secondary" />
|
|
</Grid>
|
|
<Grid>
|
|
<Progress value={70} shadow color="success" status="success" />
|
|
</Grid>
|
|
<Grid>
|
|
<Progress value={90} shadow color="warning" status="warning" />
|
|
</Grid>
|
|
<Grid>
|
|
<Progress value={10} shadow color="error" status="error" />
|
|
</Grid>
|
|
</Grid.Container>
|
|
);
|
|
}`;
|
|
|
|
const react = {
|
|
"/App.js": App,
|
|
};
|
|
|
|
export default {
|
|
...react,
|
|
};
|