Muj mujsdev

A designer that codes and an engineer that designs

mujsdev / postcss.config.js

Created December 30, 2022 12:38

PostCSS config for Storybook

mujsdev / tailwind.config.js

Created December 30, 2022 12:18

Tailwind config for Storybook

	// /** @type {import('tailwindcss').Config} */
	module.exports = {
	content: ["./src/*/.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
	theme: {
	screens: {
	xs: "320px",
	md: "768px",
	lg: "1024px",
	xl: "1440px",
	},

mujsdev / Button.stories.tsx

Created December 11, 2022 06:46

Button.stories.tsx file for Button component for Storybook

	import React from "react";
	import { Story } from "@storybook/react";
	import { Button, ButtonProps } from "../components/Button";

	export default {
	title: "Components/Button",
	component: Button,
	};

	const Template: Story<ButtonProps> = (args) => <Button {...args} />;

mujsdev / _button.scss

Created December 11, 2022 06:46

_button.scss for Button component in Storybook

mujsdev / Button.tsx

Created December 11, 2022 06:45

Button.tsx for Storybook

	import React from "react";

	export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
	children: React.ReactNode;
	color: "black" \| "white";
	size?: "sm";
	hasBorder?: boolean;
	disabled?: boolean;
	isLoading?: boolean;
	}

mujsdev / preview.js

Created December 10, 2022 23:02

preview.js config for Storybook

	import "../src/assets/scss/main.scss";

	export const parameters = {
	actions: { argTypesRegex: "^on[A-Z].*" },
	controls: {
	matchers: {
	color: /(background\|color)$/i,
	date: /Date$/,
	},
	},

mujsdev / main.js

Last active December 10, 2022 22:55

main.js config for Storybook

	const path = require("path");

	module.exports = {
	stories: ["../src/*/.stories.mdx", "../src/*/.stories.@(js\|jsx\|ts\|tsx\|mdx)"],
	/** Expose public folder to storybook as static */
	staticDirs: ["../public"],
	addons: [
	"@storybook/addon-links",
	"@storybook/addon-essentials",
	{

mujsdev / package.json

Last active December 10, 2022 22:20

package.json for Storybook

mujsdev / tsconfig.json

Created December 10, 2022 21:43

tsconfig.json for Storybook

mujsdev / text-and-paddings-center.css

Created December 3, 2022 17:14