Menu

Comment
A comment displays user feedback to site content

Types

Comments

A basic list of comments

These examples uses ui segment to create content segments. This is not required.

UI Views provide structured layouts, but do not hook up site specific code. You will need to add your own Javascript behaviors to hide and show the appropriate forms. For example, having a reply button open a reply form

Comments

Matt
How artistic!
Elliot Fu

This has been very useful for my research. Thanks as well!

Jenny Hess
Elliot you are always so right :)
Joe Henderson
Dude, this is awesome. Thanks so much
Add Reply

Content

Comment

Avatar

A comment can contain an image or avatar

Metadata

A comment can contain metadata about the comment, an arbitrary amount of metadata may be defined.

Stevie Feliciano
Hey guys, I hope this example comment is helping you read this documentation.

Actions

A comment can contain an list of actions a user may perform related to this comment.

Tom Lukic
This will be great for business reports. I will definitely download this.

Reply Form

A comment can contain a form to reply to a comment. This may have arbitrary content.

If a comment form is located inside a ui comment it will be formatted as an nested reply form. If the comment form is included after all comments, it will be formatted as a normal reply form.

Steve Jobes
Revolutionary!
Add Reply
Joe Henderson

The hours, minutes and seconds stand as visible reminders that your effort put them all there.

Preserve until your next run, when the watch lets you see how Impermanent your efforts are.

Christian Rocha
I re-tweeted this.
Add Comment

States

Collapsed

Comments can be collapsed, or hidden from view

Christian Rocha
I'm very interested in this motherboard. Do you know if it'd work in a Intel LGA775 CPU socket?

Disabled

A comment can be disabled

Elliot Fu
No, it wont

Variations

Threaded

A comment list can be threaded to showing the relationship between conversations

Comments

Matt
How artistic!
Elliot Fu

This has been very useful for my research. Thanks as well!

Jenny Hess
Elliot you are always so right :)
Joe Henderson
Dude, this is awesome. Thanks so much
Add Reply

Minimal

Comments can hide extra information unless a user shows intent to interact with a comment.

Comments

Matt
How artistic!
Elliot Fu

This has been very useful for my research. Thanks as well!

Jenny Hess
Elliot you are always so right :)
Joe Henderson
Dude, this is awesome. Thanks so much
Add Reply

Size

Comments can have different sizes

Comments

Matt
How artistic!
Elliot Fu

This has been very useful for my research. Thanks as well!

Jenny Hess
Elliot you are always so right :)
Joe Henderson
Dude, this is awesome. Thanks so much
Add Reply

Comments

Matt
How artistic!
Elliot Fu

This has been very useful for my research. Thanks as well!

Jenny Hess
Elliot you are always so right :)
Joe Henderson
Dude, this is awesome. Thanks so much
Add Reply

Inverted

Comments' colors can be inverted

Comments

Matt
How artistic!
Elliot Fu

This has been very useful for my research. Thanks as well!

Jenny Hess
Elliot you are always so right :)
Joe Henderson
Dude, this is awesome. Thanks so much
Add Reply

Dimmer Message
Dimmer sub-header