feat(showcase): showcase paragraph widget (#387)

code/widget-showcase/paragraph.tape

@@ -0,0 +1,9 @@
+# A VHS tape. See https://github.com/charmbracelet/vhs
+Output "../../src/content/docs/showcase/widgets/paragraph.gif"
+Set Theme "Aardvark Blue"
+Set Width 800
+Set Height 220
+Type "cargo run -- -w paragraph" Enter
+Sleep 5s
+Screenshot "../../src/content/docs/showcase/widgets/paragraph.png"
+Sleep 1s

code/widget-showcase/src/examples.rs

@@ -5,4 +5,5 @@ pub mod chart;
 pub mod gauge;
 pub mod line_gauge;
 pub mod list;
+pub mod paragraph;
 pub mod table;

code/widget-showcase/src/examples/paragraph.rs

@@ -0,0 +1,16 @@
+use ratatui::{prelude::*, widgets::*};
+
+pub fn render(frame: &mut Frame) {
+    let text = vec![
+        Line::from("Hello, Ratatui".white().on_blue().italic()),
+        Line::from("This is a colorful line".red().underlined()),
+        Line::from("Be bold with your paragraphs".bold()),
+    ];
+
+    let paragraph = Paragraph::new(text)
+        .bold()
+        .white()
+        .alignment(Alignment::Center);
+
+    frame.render_widget(paragraph, frame.size());
+}

code/widget-showcase/src/main.rs

@@ -31,6 +31,7 @@ enum Widget {
     LineGauge,
     List,
     Table,
+    Paragraph,
 }
 
 fn main() -> color_eyre::Result<()> {
@@ -103,6 +104,7 @@ impl App {
             Widget::LineGauge => line_gauge::render(frame),
             Widget::List => list::render(frame),
             Widget::Table => table::render(frame),
+            Widget::Paragraph => paragraph::render(frame),
         }
         Ok(())
     }

src/content/docs/showcase/widgets/index.mdx

@@ -43,7 +43,9 @@ https://github.com/ratatui-org/website/issues/249 for information about how to c
 
 ![List](./list.png)
 
-## Paragraph <LinkBadge href="https://docs.rs/ratatui/latest/ratatui/widgets/struct.Paragraph.html" text="Docs" /> <LinkBadge text="Help Wanted" href="https://github.com/ratatui-org/website/issues/249" variant="caution" />
+## Paragraph <LinkBadge href="https://docs.rs/ratatui/latest/ratatui/widgets/struct.Paragraph.html" text="Docs" />
+
+![Paragraph](./paragraph.png)
 
 ## Scrollbar <LinkBadge href="https://docs.rs/ratatui/latest/ratatui/widgets/struct.Scrollbar.html" text="Docs" /> <LinkBadge text="Help Wanted" href="https://github.com/ratatui-org/website/issues/249" variant="caution" />