index.md

import Playground from '@site/src/components/global/Playground';

import javascript from './javascript.md';

import react_main_tsx from './react/main_tsx.md'; import react_main_css from './react/main_css.md';

import vue from './vue.md';

import angular_example_component_html from './angular/example_component_html.md'; import angular_example_component_css from './angular/example_component_css.md'; import angular_example_component_ts from './angular/example_component_ts.md';

<Playground version="8" code={{ javascript, react: { files: { 'src/main.tsx': react_main_tsx, 'src/main.css': react_main_css, }, }, vue, angular: { files: { 'src/app/example.component.html': angular_example_component_html, 'src/app/example.component.css': angular_example_component_css, 'src/app/example.component.ts': angular_example_component_ts, }, }, }} src="usage/v8/datetime/styling/datetime-header/demo.html" size="450px" />