Questions about using Tails
Questions about using Tails.
Hi. I have questions about Tails. Please direct me elsewhere if there is a more appropriate forum for Tails conversation.
• How do I set classes that don’t have a size prefix? Every class I add is locked into a specific screen size.
• The numeric values for padding, sizing etc only have a dropdown of options. How do I type in a value?
• Is there a way to create components or symbols?
Hi there,
To add custom classes you could use the Tails code editor. The code editor lets you see the raw HTML code of the components in your page. You can customize your code in any way you like.
You can also do that for the padding, here is a link to the Tailwind CSS official padding documentation:
https://tailwindcss.com/docs/padding
You can add custom components by adding a blank component and then click on the code editor and add your own element:
Can you clarify what do you mean exactly by symbols?
Best,
Bobby
I'm actually asking about adding classes that are not device-size specific. If I make changes using the visual editor, the code created always has a size prefix. I then have to go into the code and remove it. xl:border-slate-50, for example. This must not be the intended process.
By symbol, I mean a reusable component that could be duplicated multiple times. Changes applied to the master symbol would be reflected on all instances of that symbol. Ideally overrides could be made on select attributes and content.
Hi there,
Thanks for the clarification. This actually depends on the screen size that you are currently working on (you can do that by clicking on the mobile icon on the top right and changing the Tails screen size there), if you changed the size of the screen the prefix will match it accordingly. Here is a quick video as an example:
This is handy because that way you are adding classes for the screensize that you are working on which allows you to create a responsive design using the visual editor.
Regarding the second question, we currently don't have such of a concept of linked components. But it sounds like a good idea! I'll add it to the back log, though we can't give an ETA on when this will be available.
Let me know if you have any other suggestions or feedback!
OK. I was trying to create general classes that are not size-specific, but I guess that's not possible.
I think that implementing reusable custom components would be an excellent idea!
I'll let you know if I have other feedback.
Thanks a lot for that! We just had a quick chat internally, indeed we might be able to implement a toggle button for example, that would let you just add generic classes without a specific breakpoint. We will add that to the backlog!