dart_html_dsl 0.0.1
dart_html_dsl: ^0.0.1 copied to clipboard
A type-safe Dart DSL for building HTML, CSS, and JavaScript using pure Dart code, with scoped styles, pseudo-classes, and component-based architecture.
example/dart_html_dsl_example.dart
import 'dart:io';
import 'package:dart_html_dsl/src/core/elements/others/header_elements.dart';
import 'package:dart_html_dsl/src/core/elements/widgets/button.dart';
import 'package:dart_html_dsl/src/core/elements/widgets/column_widget.dart';
import 'package:dart_html_dsl/src/core/pages/html5_page.dart';
import 'package:dart_html_dsl/src/core/pages/page_props.dart';
import 'package:dart_html_dsl/src/core/widgets/text.dart';
void main() {
final html = Html5Page(
pageProps: PageProps(title: 'Dart Html DSL', minify: true),
body: ColumnWidget(
children: [
H1(child: Text('h1 test')),
Button(text: 'hello'),
],
),
);
final file = File('index.html');
file.writeAsString(html.render());
}