mzreact-cli/src/template/.mzr.md

MzReact-CLI ===

# Style
```scss
$prefix : #__PREFIX__#-;

.#{$prefix} {
	@at-root #{&}feat {
        /*
            setup your style here for 
			#__PREFIX__#-feat class elements and children!
        */
	}
}
```
# Design
```jsx
import "./style.scss";
import { useClassPrefix } from "mazeof-react/dist/hooks";

export const Design = ({ prefix }) => {
	const pre = useClassPrefix(prefix);

	return (
		<div className={pre(`feat feat-light`)}>
			<h1>Your "#__COMPONENT__#" Component is ready !</h1>
		</div>
	);
};
```
# Index
```jsx
import { Design } from "./design";

export const #__COMPONENT__# = () => {
	return <Design prefix="#__PREFIX__#" />;
};
```