chore: catalog example

[ghost]

MDC react example that looks like catalog!

[ghost]

Oh example directory is also test target!
Is there something that I need to do additionally?

[moog16]

Please fix lint. Good idea adding a new example.

[codecov-io]

Codecov Report

Merging #966 into rc0.15.0 will increase coverage by <.01%.
The diff coverage is n/a.

@@             Coverage Diff              @@
##           rc0.15.0     #966      +/-   ##
============================================
+ Coverage     94.12%   94.13%   +<.01%     
============================================
  Files            86       86              
  Lines          3645     3647       +2     
  Branches        576      578       +2     
============================================
+ Hits           3431     3433       +2     
  Misses           90       90              
  Partials        124      124

Impacted Files	Coverage Δ
packages/list/index.tsx	94.88% <0%> (+0.05%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update aabe0c1...5dba48c. Read the comment docs.

[ghost]

@TroyTae
It looks might better to exclude examples directory in tsconfig 😅

[moog16]

Getting an error when i run:

rm -rf node_modules
npm i
npm start

[tsl] ERROR
      TS18003: No inputs were found in config file 'tsconfig.json'. Specified 'include' paths were '["**/*"]' and 'exclude' paths were '["../../node_modules","../../examples","../../build"]'.

ERROR in ./src/App.tsx
Module build failed (from ./node_modules/ts-loader/index.js):
Error: error while parsing tsconfig.json

[ghost]

@moog16
I fixed it!

[moog16]

This seems like an antipattern. Sorry I didn't pick this up before. What is going on here. Is this the recommended usage?

[ghost]

I cannot sure that this pattern is a recommendation.
But I know that JSX is compiled like this:

<MyComponent></MyComponent> => React.createElement(MyComponent, someProps)

And I see this doc. (https://reactjs.org/docs/react-without-jsx.html)

[moog16]

Ok fair enough! :)

[ghost]

@moog16
I checked all of files.
And it looks inline function is only in ChipsExample.
Thank you!

[moog16]

Looks good!