docs

Author: danharrin

docs-assets/app/app/Livewire/PrimesDemo.php

@@ -82,6 +82,22 @@ public function primes(Schema $schema): Schema
                         Action::make('complete')
                             ->label('Complete authenticator setup'),
                     ]),
+                Group::make()
+                    ->id('text')
+                    ->extraAttributes([
+                        'class' => 'p-16 max-w-xl',
+                    ])
+                    ->schema([
+                        Text::make('Modifying these permissions may give users access to sensitive information.'),
+                    ]),
+                Group::make()
+                    ->id('textHtml')
+                    ->extraAttributes([
+                        'class' => 'p-16 max-w-xl',
+                    ])
+                    ->schema([
+                        Text::make(new HtmlString('<strong>Warning:</strong> Modifying these permissions may give users access to sensitive information.')),
+                    ]),
             ]);
     }
 

docs-assets/screenshots/images/dark/primes/text/html.jpg

@@ -1829,6 +1829,24 @@ export default {
             deviceScaleFactor: 3,
         },
     },
+    'primes/text/simple': {
+        url: 'primes',
+        selector: '#text',
+        viewport: {
+            width: 1920,
+            height: 640,
+            deviceScaleFactor: 3,
+        },
+    },
+    'primes/text/html': {
+        url: 'primes',
+        selector: '#textHtml',
+        viewport: {
+            width: 1920,
+            height: 640,
+            deviceScaleFactor: 3,
+        },
+    },
     'tables/example': {
         url: 'tables?table=example',
         selector: 'body',

docs-assets/screenshots/images/dark/primes/text/simple.jpg

@@ -10,28 +10,37 @@ Text can be inserted into a schema using the `Text` component. Text content is p
 ```php
 use Filament\Schemas\Components\Text;
 
-Text::make('Modifying these permissions may give users access to sensitive information.');
+Text::make('Modifying these permissions may give users access to sensitive information.')
 ```
 
+<AutoScreenshot name="primes/text/simple" alt="Text" version="4.x" />
+
 To render raw HTML content, you can pass an `HtmlString` object to the `make()` method:
 
 ```php
 use Filament\Schemas\Components\Text;
 use Illuminate\Support\HtmlString;
 
-Text::make(new HtmlString('<strong>Warning:</strong> Modifying these permissions may give users access to sensitive information.'));
+Text::make(new HtmlString('<strong>Warning:</strong> Modifying these permissions may give users access to sensitive information.'))
 ```
 
 <Aside variant="danger">
     Be aware that you will need to ensure that the HTML is safe to render, otherwise your application will be vulnerable to XSS attacks.
 </Aside>
+```
+
+<AutoScreenshot name="primes/text/html" alt="Text with HTML" version="4.x" />
 
 To render Markdown, you can use Laravel's `str()` helper to convert Markdown to HTML, and then transform it into an `HtmlString` object:
 
 ```php
 use Filament\Schemas\Components\Text;
 
-Text::make(str('**Warning:** Modifying these permissions may give users access to sensitive information.')->inlineMarkdown()->toHtmlString());
+Text::make(
+    str('**Warning:** Modifying these permissions may give users access to sensitive information.')
+        ->inlineMarkdown()
+        ->toHtmlString(),
+)
 ```
 
-<UtilityInjection set="primeComponents" version="4.x">As well as allowing a static value, the `compact()` method also accepts a function to dynamically calculate it. You can inject various utilities into the function as parameters.</UtilityInjection>
+<UtilityInjection set="primeComponents" version="4.x">As well as allowing a static value, the `make()` method also accepts a function to dynamically calculate it. You can inject various utilities into the function as parameters.</UtilityInjection>