CODEWITHSUNDEEP
htmlcsssemantic-ui
kusiroll
kusiroll

Reputation: 374

Border class in semantic UI

In boostrap i could easily do {border border-primary or border-top-0} how do i achieve this with semantic UI via a built-in class.

I tried dabbling thorough the docs

<div id="Tab" class="ui centered aligned container">
  <h1></h1>
div

I would love a border on the h1 element

Upvotes: 2

Views: 3323

Answers (1)

Hien Nguyen
Hien Nguyen

Reputation: 18975

Semantic UI dont have build in class for border (you can check Semantic UI document)

You can create a class use format with

  • First param is the thick of border

  • Second is line type

  • Third is border color.

    .border-1{ border: 1px solid green; }

Read more at https://developer.mozilla.org/en-US/docs/Web/CSS/border

.border-1{
border: 1px solid green;
}
<div id="Tab" class="ui centered aligned container">
  <h1 class='border-1'>Test</h1>
</div>

Upvotes: 1

Related Questions