Components

Create a <Label>label</Label> to highlight information

Label New

Label New

Label New

Label New

Label New

Label New

<div>
  <h1>
    Label <Label>New</Label>
  </h1>
  <h2>
    Label <Label>New</Label>
  </h2>
  <h3>
    Label <Label>New</Label>
  </h3>
  <h4>
    Label <Label>New</Label>
  </h4>
  <h5>
    Label <Label>New</Label>
  </h5>
  <p>
    Label <Label>New</Label>
  </p>
</div>;

#Available variations

Add any of the below mentioned modifier classes to change the appearance of a label.

Default Primary Success Info Warning Danger
<div>
  <Label bsStyle="default">Default</Label>{' '}
  <Label bsStyle="primary">Primary</Label>{' '}
  <Label bsStyle="success">Success</Label> <Label bsStyle="info">Info</Label>{' '}
  <Label bsStyle="warning">Warning</Label>{' '}
  <Label bsStyle="danger">Danger</Label>
</div>;

#Props[source]

NameTypeDefaultDescription
bsStyle
one of: "success", "warning", "danger", "info", "default", "primary"
'default'

Component visual or contextual style variants.

bsClass
string
'label'

Base CSS class and prefix for the component. Generally one should only change bsClass to provide new, non-Bootstrap, CSS styles for a component.