I agree, this was a really insightful article. The historical context provided a great foundation for understanding the current challenges the company is facing.
Comment
Includes styles for comments, for example for a blog section on your site.
FrankenstyleKit (aka Franken UI 3.0) is now available. Support for the current version will gradually wind
down. It will continue to work, but using the latest version is recommended
for new projects so you can benefit from future updates and enhancements.
Table of contents
Usage
The Comment component consists of the comment itself, a comment header, including an avatar, a title and meta text, and a comment body.
| Class | Description |
|---|---|
.uk-comment | Add this class to define the Comment component. |
.uk-comment-body | Add this class to create a comment body. |
.uk-comment-header | Add this class to create a comment header. |
.uk-comment-title | Add this class to a heading to create a comment title. |
.uk-comment-meta | Add this class to create meta text about your comment. |
.uk-comment-avatar | Add this class to an <img> element to create an avatar for the comment author. |
Primary modifier
To style a comment differently, for example to highlight it as the admin’s comment, just add the .uk-comment-primary class.
-
This is a great article! I really enjoyed reading about the history of the company and the challenges they faced. The insights provided are valuable for anyone interested in the industry.
-
Lists
Add the .uk-comment-list class to a <ul> element to create a list of comments. You can nest any number of <ul> elements inside a comment list.
Accessibility
Set the appropriate WAI-ARIA roles, states and properties to the Comment component.
- Set the
commentrole for each comment.
2 hours ago
This is a great article! I really enjoyed reading about the history of the company and the challenges they faced. The insights provided are valuable for anyone interested in the industry.
1 hour ago
I agree, this was a really insightful article. The historical context provided a great foundation for understanding the current challenges the company is facing.
4 days ago
I have a few thoughts on this article. While the historical context was interesting, I felt the analysis of the current challenges could have been more in-depth. It would have been helpful to see some concrete recommendations or solutions proposed.
1 hour ago
I agree, this is a really useful feature. I can see it being great for managing discussions on my blog.
30 minutes ago
I'm really excited to try this out. It looks like it will make managing comments a breeze.