FloatSystems/float-fleet
1
0
Fork 0
Code Issues Pull Requests Releases Activity

first commit

Browse Source
This commit is contained in:
DESKTOP-GBA0BK8\Admin
2023-03-25 20:44:56 -04:00
commit 97cc85c49d
711 changed files with 109164 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/UIElements/Buttons/SoftButtons.js
+144
View File
@@ -0,0 +1,144 @@
import * as React from "react";
import Card from "@mui/material/Card";
import { Typography } from "@mui/material";
import Stack from '@mui/material/Stack';
import Button from '@mui/material/Button';
const SoftButtons = () => {
return (
<>
<Card
sx={{
boxShadow: "none",
borderRadius: "10px",
p: "25px",
mb: "15px",
}}
>
<Typography
as="h3"
sx={{
fontSize: 18,
fontWeight: 500,
mb: '10px'
}}
>
Soft Buttons
</Typography>
<Stack
sx={{
display: 'inline-block'
}}
>
<Button
sx={{
background: 'rgba(117, 127, 239, 0.1)',
color: '#757FEF',
textTransform: 'capitalize',
borderRadius: '10px',
p: '10px 30px',
fontSize: '14px',
mt: '10px'
}}
className="mr-10px primary"
>
Primary
</Button>
<Button
sx={{
background: 'rgba(117, 127, 239, 0.1)',
color: '#818093',
textTransform: 'capitalize',
borderRadius: '10px',
p: '10px 30px',
fontSize: '14px',
mt: '10px'
}}
className="mr-10px secondary"
>
Secondary
</Button>
<Button
sx={{
background: 'rgba(117, 127, 239, 0.1)',
color: '#00B69B',
p: '10px 30px',
fontSize: '14px',
textTransform: 'capitalize',
borderRadius: '10px',
mt: '10px',
}}
className="mr-10px success"
>
Success
</Button>
<Button
sx={{
background: 'rgba(117, 127, 239, 0.1)',
color: '#2DB6F5',
p: '10px 30px',
fontSize: '14px',
textTransform: 'capitalize',
borderRadius: '10px',
mt: '10px',
}}
className="mr-10px info"
>
Info
</Button>
<Button
sx={{
background: 'rgba(117, 127, 239, 0.1)',
color: '#FFBC2B',
p: '10px 30px',
fontSize: '14px',
textTransform: 'capitalize',
borderRadius: '10px',
mt: '10px',
}}
className="mr-10px warning"
>
Warning
</Button>
<Button
sx={{
background: 'rgba(117, 127, 239, 0.1)',
color: '#EE368C',
p: '10px 30px',
fontSize: '14px',
textTransform: 'capitalize',
borderRadius: '10px',
mt: '10px',
}}
className="mr-10px danger"
>
Danger
</Button>
<Button
sx={{
background: 'rgba(117, 127, 239, 0.1)',
color: '#260944',
p: '10px 30px',
fontSize: '14px',
textTransform: 'capitalize',
borderRadius: '10px',
mt: '10px',
}}
className="mr-10px"
>
Dark
</Button>
</Stack>
</Card>
</>
);
};
export default SoftButtons;