Advanced

• Hiding Content
• Stored Values
• Using with Tailwind

#Hiding Content

The hidden feature allows you to hide parts of text content, useful if you need to temporarily remove something from the page but keep storing it. Hidden content is completely excluded from the rendered HTML. To use it toggle the hidden button in the Bard field's button selector.

#Stored Values

By default the class names are saved to your content. If you would prefer to save the style keys instead you can change the store option to key. Saving the style key allows you to rename classes later without having to update all your content, but it does make your content dependant on the Bard Texstyle configuration.

'store' => 'key',
'store' => 'key',

Default classes are never saved to your content, they're applied when the HTML is rendered.

#Using with Tailwind

When using Tailwind the JIT compiler scans your content for classes, and this will need to include any classes you're using in Texstyle. To ensure Tailwind finds these classes you should add the Texstyle config path to your tailwind.config.js file:

content: [
    './config/statamic/bard_texstyle.php',
],
content: [
    './config/statamic/bard_texstyle.php',
],