Initial commit
This commit is contained in:
29
src/components/Card/Card.js
Normal file
29
src/components/Card/Card.js
Normal file
@@ -0,0 +1,29 @@
|
||||
/*!
|
||||
|
||||
=========================================================
|
||||
* Argon Dashboard Chakra PRO - v1.0.0
|
||||
=========================================================
|
||||
|
||||
* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
|
||||
* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
|
||||
|
||||
* Designed and Coded by Simmmple & Creative Tim
|
||||
|
||||
=========================================================
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
*/
|
||||
|
||||
import { Box, useStyleConfig } from "@chakra-ui/react";
|
||||
function Card(props) {
|
||||
const { variant, children, ...rest } = props;
|
||||
const styles = useStyleConfig("Card", { variant });
|
||||
return (
|
||||
<Box __css={styles} {...rest}>
|
||||
{children}
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
|
||||
export default Card;
|
||||
29
src/components/Card/CardBody.js
Normal file
29
src/components/Card/CardBody.js
Normal file
@@ -0,0 +1,29 @@
|
||||
/*!
|
||||
|
||||
=========================================================
|
||||
* Argon Dashboard Chakra PRO - v1.0.0
|
||||
=========================================================
|
||||
|
||||
* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
|
||||
* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
|
||||
|
||||
* Designed and Coded by Simmmple & Creative Tim
|
||||
|
||||
=========================================================
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
*/
|
||||
|
||||
import { Box, useStyleConfig } from "@chakra-ui/react";
|
||||
function CardBody(props) {
|
||||
const { variant, children, ...rest } = props;
|
||||
const styles = useStyleConfig("CardBody", { variant });
|
||||
return (
|
||||
<Box __css={styles} {...rest}>
|
||||
{children}
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
|
||||
export default CardBody;
|
||||
29
src/components/Card/CardHeader.js
Normal file
29
src/components/Card/CardHeader.js
Normal file
@@ -0,0 +1,29 @@
|
||||
/*!
|
||||
|
||||
=========================================================
|
||||
* Argon Dashboard Chakra PRO - v1.0.0
|
||||
=========================================================
|
||||
|
||||
* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
|
||||
* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
|
||||
|
||||
* Designed and Coded by Simmmple & Creative Tim
|
||||
|
||||
=========================================================
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
*/
|
||||
|
||||
import { Box, useStyleConfig } from "@chakra-ui/react";
|
||||
function CardHeader(props) {
|
||||
const { variant, children, ...rest } = props;
|
||||
const styles = useStyleConfig("CardHeader", { variant });
|
||||
return (
|
||||
<Box __css={styles} {...rest}>
|
||||
{children}
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
|
||||
export default CardHeader;
|
||||
Reference in New Issue
Block a user