Skip to content

Commit

Permalink
๐Ÿ’„ design: ๋ณด๊ด€ํ•จ_ํŽธ์ง€์˜ secondary ํ…Œ๋งˆ ์ ์šฉ๋œ ์Šคํ† ๋ฆฌ ์ถ”๊ฐ€
Browse files Browse the repository at this point in the history
  • Loading branch information
bbearcookie committed Jan 28, 2024
1 parent 613b460 commit bbec130
Showing 1 changed file with 15 additions and 4 deletions.
19 changes: 15 additions & 4 deletions src/components/Header/index.stories.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ type Story = StoryObj<typeof meta>;
const styles = {
background: css`
background-color: #94d1f5;
color: red;
color: white;
`,
icon: css`
cursor: pointer;
Expand Down Expand Up @@ -94,7 +94,7 @@ export const ๋ฉ”์ธ_ํŽ˜์ด์ง€: Story = {
...Primary,
render: () => (
<Header
variant="primary"
variant="none"
left={
<div css={styles.๋ฉ”์ธ_ํŽ˜์ด์ง€.countChip}>
<div css={styles.๋ฉ”์ธ_ํŽ˜์ด์ง€.emptyBox} />
Expand Down Expand Up @@ -123,7 +123,7 @@ export const ํ˜๋Ÿฌ์˜จ_ํŽธ์ง€: Story = {
...Primary,
render: () => (
<Header
variant="primary"
variant="none"
left={
<>
<LeftArrow css={styles.icon} strokeWidth={2} />
Expand All @@ -146,7 +146,18 @@ export const ๋ณด๊ด€ํ•จ_ํŽธ์ง€: Story = {
...Primary,
render: () => (
<Header
variant="primary"
variant="none"
left={<LeftArrow css={styles.icon} strokeWidth={2} />}
center={<>๋ณด๊ด€ํ•จ</>}
/>
),
};

export const ๋ณด๊ด€ํ•จ_ํŽธ์ง€_Secondary: Story = {
...Primary,
render: () => (
<Header
variant="secondary"
left={<LeftArrow css={styles.icon} strokeWidth={2} />}
center={<>๋ณด๊ด€ํ•จ</>}
/>
Expand Down

0 comments on commit bbec130

Please sign in to comment.