29cm-frontend-snippet-pack README

29CM 프론트엔드팀의 생산성 향상을 위해 Snippet 팩을 제공합니다.

Usage

Color

color

color: ${vars.$1}

[background-color]

background-color: ${vars.$1}

[themeColor]

${vars.$1}

React

[rfe]

import styled from "@emotion/styled";

interface Props {
  className?: string;
}

export const $1 = ({ className }: Props) => {
  return <Container className={className}>$1</Container>;
};

const Container = styled.div``;

Storybook

[story]

import { Meta, Story } from "@storybook/react";
import { ComponentProps } from "react";
import { $1 } from "./$1";

type Props = ComponentProps<typeof $1>;

const Template: Story<Props> = () => <$1 />;

export const Default = Template.bind({});

export default {
  title: "",
  component: $1,
} as Meta;

Utils

[lc]

${RELATIVE_FILEPATH}