Semantic UI: Text Block
6 of 14
1. Button 2. Form 3. Table 4. Menu 5. Labels 6. Text Block
Theme
Flat
Shaded
Classic
Menu

Text Block

Text Blocks can be used to give descriptions to sections of content. They can be formatted like tags, used to mark separate sections of a group of content.

Standard
States
Variations
Groups

Standard

Text Block

A basic text block

Welcome back!

It's good to see you again. I have had a lot to think about since our last visit, I've changed much as a person and I can see that you have too.

Perhaps we can talk about it if you have the time.

List Block

A text block with a list

Welcome back!
  • It's good to see you again.
  • Did you know it's been a while?

Dismissable Block

A text block that the user can choose to hide

Welcome back!
  • It's good to see you again.
  • Did you know it's been a while?

States

Text Blocks only have a single ui state

Variations

Warning Block

A text block that is dismissable.

You must register before you can do that!

Visit our registration page, then try again

Info Block

A text block that is dismissable.

Was this what you wanted?
  • It's good to see you again.
  • Did you know it's been a while?

Success Block

A text block that is formatted to display success message.

Congratulations, you are now a member!

Error Block

A text block that formatted to display errors, can also use classname "red" or "negative".

Was this what you wanted?
  • It's good to see you again.
  • Did you know it's been a while?