status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-02 22:53:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Create reusable tag component

Browse Source
This commit is contained in:
RadoslavDimchev 2023-07-21 16:25:53 +03:00
parent b755be0846
commit f3859b911b
2 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Tag/Tag.jsx Normal file
View File

@ -0,0 +1,21 @@
import { Paragraph } from "tamagui";
const Tag = ({ bc, text }) => {
return (
<div
style={{
backgroundColor: bc,
display: "flex",
padding: "0px 8px",
alignItems: "center",
borderRadius: "67px",
}}
>
<Paragraph fontWeight={"500"} fontSize={"10px"}>
{text}
</Paragraph>
</div>
);
};
export { Tag };

1
src/components/Tag/index.jsx Normal file
View File

@ -0,0 +1 @@
export { Tag } from "./Tag";