Mercurial > demo / src/crates/ui/pages/text_edit.slint

 import { HorizontalBox, GroupBox, TextEdit } from "std-widgets.slint";
 import { UiConfig } from "../config.slint";
 import { Page } from "page.slint";
 
 export component TextEditPage inherits Page {
     title: "TextEdit";
     description: "Similar to LineEdit, but can be used to enter several lines of text. The widget can be imported from \"std-widgets.slint\".";
 
     HorizontalBox {
         GroupBox {
             vertical-stretch: 0;
             title: "Word-Wrap";
             te1 := TextEdit {
                 min-width: 200px;
                 text: "This is our TextEdit widget, which allows for editing text that spans over multiple paragraphs.\nFor example this line starts in a new paragraph.\n\nWhen the amount of lines - due to wrapping and number of paragraphs - exceeds the available vertical height, a vertical scrollbar is shown that allows scrolling.\nYou may want to enter a bit of text here then in order to make them visible.";
                 wrap: word-wrap;
                 enabled: !UiConfig.widgets-disabled;
             }
         }
 
         GroupBox {
             title: "No-Wrap";
             vertical-stretch: 0;
             te2 := TextEdit {
                 min-width: 200px;
                 text <=> te1.text;
                 wrap: no-wrap;
                 enabled: !UiConfig.widgets-disabled;
             }
         }
     }
 }