content: // [sample=4] Jaspr Html
  import 'package:jaspr/jaspr.dart';
  
  void main() {
    runApp(App());
  }
  
  class App extends StatelessComponent {
    const App({super.key});
  
    @override
    Component build(BuildContext context) {
      // you can then use the utility methods
      // to write concise html-like markup
      return div([
        // each element gets a list of child elements
        h1([text('jaspr/html')]),
        p([
          // wrap your strings with `text()` to add alongside other components
          text('This is some '),
          b([text('html')]),
          text(' content.'),
        ]),
        // some elements have typed attributes for easy access
        a(href: "https://github.com/schultek/jaspr", target: Target.blank, [
          img(src: "https://playground.jaspr.site/jaspr-192.png"),
        ]),
        // some elements don't have children
        hr(),
        // you can add events as usual
        select(
          onChange: (value) {
            print(value);
          },
          [
            option(value: 'test', [text('Select me!')]),
            option(value: 'other', selected: true, [text('Or me!')]),
          ],
        ),
        // most common and some uncommon elements are supported
        progress(value: 85, max: 100, []),
      ]);
    }
  }
  