doryan/material-you-react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ADDED: typography headers

Browse Source 
TODO: complete section buttons and typography
This commit is contained in:
doryan04
2024-02-08 00:01:50 +04:00
committed by doryan
parent 1c91bd8caa
commit 0d1b643abf
8 changed files with 898 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/page.tsx
View File

@@ -1,12 +1,13 @@
import React from 'react';
import testImage1 from './test-images/test-image-1.jpg';
import { Card } from '../src/primitive-components/card/card';
import { CardBody } from '../src/primitive-components/card/card-body';
import { CardMedia } from '../src/primitive-components/card/card-media';
import { CardFooter } from '../src/primitive-components/card/card-footer';
import { CardHeader } from '../src/primitive-components/card/card-header';
import { CardActionArea } from '../src/primitive-components/card/card-action-area';
import { Button } from '../src/primitive-components/button-components/button/button';
import { CardHeader } from '../src/primitive-components/card/card-header';
import { CardBody } from '../src/primitive-components/card/card-body';
import { CardFooter } from '../src/primitive-components/card/card-footer';
import { Typography } from '../src/primitive-components/typography/typography';
export default function Page() {
return (
@@ -23,14 +24,16 @@ export default function Page() {
<div style={{ display: 'flex', gap: '8px', maxWidth: '90vw' }}>
<Card variant={'outlined'}>
<CardHeader>
<h1>Header</h1>
<Typography.h1> Header-1 </Typography.h1>
<Typography.h2> Header-2 </Typography.h2>
<Typography.h3> Header-3 </Typography.h3>
<Typography.h4> Header-4 </Typography.h4>
<Typography.h5> Header-5 </Typography.h5>
<Typography.h6> Header-6 </Typography.h6>
</CardHeader>
<CardActionArea>
<CardMedia src={testImage1.src} type={'img'} />
<CardBody>
<h4>
<strong>Sub-header</strong>
</h4>
<p>
Lorem ipsum dolor sit amet, consecrate
adipiscing elit, sed do eiusmod tempor