"Build web applications quickly with pre-built components."
"Leverage Rust's type system for reliable web applications."
"Filterable Content Grid"
@@ -92,18 +92,18 @@ pub fn ContentShowcase() -> impl IntoView { "Use the category filter below to see content filtering in action. " "The grid updates dynamically based on your selection." - + // Category filter -"HTML Content Rendering"
"The HtmlContent component safely renders HTML with built-in sanitization."
- +This HTML content is safely rendered with sanitization enabled.
@@ -184,16 +184,16 @@ pub fn ContentShowcase() -> impl IntoView { class="prose prose-sm" />📝 Code Example
use rustelo_components::content::HtmlContent;
view! {
- <HtmlContent
+ <HtmlContent
html="<p>Safe HTML</p>"
sanitize=true
/>
@@ -201,34 +201,34 @@ view! {
The component handles HTML rendering with configurable sanitization rules.
"Dynamic Content Management"
"The ContentManager component handles dynamic content loading and display with various layout options."
- +"Grid Layout Variations"
"Different grid configurations for various content display needs."
- +"Two Column Grid"
"Learn techniques to optimize your Rustelo applications for better performance and user experience."
"Comprehensive testing approaches for Rust web applications using modern testing frameworks."
"Four Column Grid"
"Lightning-fast development with Rust's performance."
"Memory safety without garbage collection."
"Rich type system and ownership model."
"WebAssembly and modern web standards."
"Mixed Content Sizes"
"This comprehensive guide covers advanced component patterns, state management, and performance optimization techniques for building scalable Rustelo applications."
- +- "💡 Use memos for expensive computations" @@ -315,7 +315,7 @@ view! {
- "🎨 Use CSS-in-Rust for theming"
"Loading States & Error Handling"
"Content components with loading states and error boundaries for robust user experiences."
- +"Navigation"
- +"Language"
-"Mobile Menu:" {move || if mobile_menu_open.get() { "Open" } else { "Closed" }}
"Features Demonstrated"
-
@@ -228,7 +228,7 @@ pub fn NavigationDemo() -> impl IntoView {
- "Accessible ARIA attributes"
"Try It Out"
"Welcome to the navigation demo home page. This content changes based on the active navigation item."
}.into_view(), - + "/products" => view! {"Product catalog and listings would appear here."
"Service offerings and descriptions would be shown here."
"Blog posts and articles would be listed here."
"Contact information and forms would be available here."
"This page doesn't exist in the demo."
@@ -298,7 +298,7 @@ pub fn NavigationDemo() -> impl IntoView { // Footer with additional navigation -"⚠️ This is an auto-generated scaffold. Please implement your actual page content." @@ -387,7 +387,7 @@ fn generate_hero_page_content(prefix: &str) -> String { content={{content.t("{}-hero-subtitle")}} class="mt-ds-6 ds-body ds-text-secondary max-w-2xl mx-auto".to_string() /> - +
"⚠️ This is an auto-generated hero page scaffold. Please implement your actual content." @@ -426,7 +426,7 @@ fn generate_form_page_content(prefix: &str) -> String { class="ds-text-secondary".to_string() />