1.0.3 β’ Published 7 months ago
yummy-design-component v1.0.3
Yummy Design Component (TS)
Hi! You can create website or app with this library. Before using this, look through Storybook.
π Storybook
Get started!
β 1. Install this library.
npm
npm i yummy-design-component
yarn
yarn add yummy-design-component
β 2. Import components into your file.
import { Container } from 'yummy-design-component';
import { FlexContainer } from 'yummy-design-component';
import { FlexItem } from 'yummy-design-component';
import { Grid } from 'yummy-design-component';
β 3. Use it like this!
// Header.tsx
const Header = () => {
return (
<FlexContainer tag="header" layout="centerLeft" columnGap={12} px={16}>
<h1 css={{ fontWeight: 600, fontSize: 16 }}>LOGO</h1>
<nav>
<FlexContainer tag="ul" columnGap={12}>
{Array.from({ length: 4 }, (_, index) => (
<li>
<a href={`/MENU${index}`} key={index}>
MENU{index + 1}
</a>
</li>
))}
</FlexContainer>
</nav>
<button type="button" aria-label="login" css={{ marginLeft: 'auto' }}>
LOGIN
</button>
</FlexContainer>
);
};
Development Environment
react (with vite)
typeScript
emotion
Browser Support
1.0.3
7 months ago
1.0.2
7 months ago
1.0.1
7 months ago
1.0.0
7 months ago
0.2.5
7 months ago
0.2.4
7 months ago
0.2.3
8 months ago
0.2.2
8 months ago
0.2.1
8 months ago
0.2.0
8 months ago
0.1.9
8 months ago
0.1.8
8 months ago
0.1.7
8 months ago
0.1.6
8 months ago
0.1.4
8 months ago
0.1.3
8 months ago
0.1.1
8 months ago
0.1.0
8 months ago
0.0.9
8 months ago
0.0.8
8 months ago
0.0.7
8 months ago
0.0.6
8 months ago
0.0.5
8 months ago
0.0.4
8 months ago
0.0.3
8 months ago
0.0.2
8 months ago
0.0.1
8 months ago