update src/components/ButtonDesign/index.js

master
mahdi andalib 2 years ago
parent f214747e3e
commit c511ab8046
  1. 35
      src/components/ButtonDesign/ButtonNextToEachOther/index.js
  2. 2
      src/components/ButtonDesign/index.js

@ -0,0 +1,35 @@
import React from "react";
import Button from "../Button";
const ButtonNextToEachOther = () => {
return (
<div className="flex flex-row">
<div className="flex flex-row">
<Button
text={"روز"}
className="w-16 text-primaryText text-lg border border-primary px-4 py-2 rounded-tr-lg rounded-br-lg"
/>
<Button
text={"هفته"}
className="w-16 text-primaryText text-lg border border-primary px-4 py-2"
/>
<Button
text={"ماه"}
className="w-16 text-primaryText text-lg border border-primary px-4 py-2"
/>
<Button
text={"سال"}
className="w-16 text-primaryText text-lg border border-primary px-4 py-2 rounded-tl-lg rounded-bl-lg"
/>
</div>
<div className="flex flex-row mr-5">
<Button
text={"امروز"}
className="text-primaryText text-lg border border-primary rounded-sm px-4 py-2"
/>
</div>
</div>
);
};
export default ButtonNextToEachOther;

@ -2,11 +2,13 @@ import React, { useState } from "react";
import Button from "./Button"; import Button from "./Button";
import ButtonDivTag from "./ButtonDivTag"; import ButtonDivTag from "./ButtonDivTag";
import ButtonNextToEachOther from "./ButtonNextToEachOther";
function ButtonDesign() { function ButtonDesign() {
const list = { const list = {
1: <Button />, 1: <Button />,
2: <ButtonDivTag />, 2: <ButtonDivTag />,
3: <ButtonNextToEachOther />,
}; };
const [type, setType] = useState(1); const [type, setType] = useState(1);

Loading…
Cancel
Save