Examples with UnorderedList com.vaadin.flow.component.html.UnorderedList used on opensource projects

Example 6 with UnorderedList

use of com.vaadin.flow.component.html.UnorderedList in project isis-lab by apache-isis-committers.

the class _TopMenuLayout method createHeaderContent.

Component createHeaderContent(final Iterable<MenuItemInfo> menuItems) {
    Header header = new Header();
    header.addClassNames("bg-base", "border-b", "border-contrast-10", "box-border", "flex", "flex-col", "w-full");
    Div layout = new Div();
    layout.addClassNames("flex", "h-xl", "items-center", "px-l");
    H1 appName = new H1("isis-lab-experiments-layout");
    appName.addClassNames("my-0", "me-auto", "text-l");
    layout.add(appName);
    Nav nav = new Nav();
    nav.addClassNames("flex", "gap-s", "overflow-auto", "px-m");
    // Wrap the links in a list; improves accessibility
    UnorderedList list = new UnorderedList();
    list.addClassNames("flex", "list-none", "m-0", "p-0");
    nav.add(list);
    menuItems.forEach(list::add);
    header.add(layout, nav);
    return header;
}

Example 7 with UnorderedList

use of com.vaadin.flow.component.html.UnorderedList in project psip-automation by bssw-psip.

the class Home method createContent.

private Component createContent() {
    Div intro = new Div();
    intro.add(new Image(UIUtils.IMG_PATH + "logos/ryp_logo.png", "Rate Your Project"));
    intro.add(new H2("A self assessment tool for improving software practices"));
    intro.add(new Paragraph("Software engineering is a systematic approach to the design, development, and maintenance of a software system. " + "Teams seldom have the time to stop development and focus solely on improving productivity or sustainability. However, " + "teams can incorporate improvements on the way to developing new science capabilities."));
    intro.add(new Paragraph("The tools on this site will help you:"));
    intro.add(new UnorderedList(new ListItem("Assess your current practices"), new ListItem("Create progress tracking cards"), new ListItem("Integrate tracking cards with your workflow")));
    intro.add(new Paragraph("The self-assessment introduces software engineering practices that increase in maturity. " + "Check the practices that your project already uses to rate your project."));
    intro.add(new Paragraph(new Emphasis("Click on the assessment to the left " + "tab to get started. You can also click the arrow icon on the assessment tab to view the practice categories.")));
    intro.add(new Paragraph("Good luck!"));
    Anchor documentation = new Anchor("https://bssw-psip.github.io/ptc-catalog/", UIUtils.createButton("Read the documentation", VaadinIcon.EXTERNAL_LINK));
    FlexBoxLayout links = new FlexBoxLayout(documentation);
    links.setFlexWrap(FlexWrap.WRAP);
    links.setSpacing(Right.S);
    FlexBoxLayout content = new FlexBoxLayout(intro, links);
    content.setFlexDirection(FlexDirection.COLUMN);
    content.setMargin(Horizontal.AUTO);
    content.setMaxWidth("840px");
    content.setPadding(Uniform.RESPONSIVE_L);
    return content;
}