Components

#Glyphicons Glyphicon

Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

<div>
  <ButtonToolbar>
    <ButtonGroup>
      <Button>
        <Glyphicon glyph="align-left" />
      </Button>
      <Button>
        <Glyphicon glyph="align-center" />
      </Button>
      <Button>
        <Glyphicon glyph="align-right" />
      </Button>
      <Button>
        <Glyphicon glyph="align-justify" />
      </Button>
    </ButtonGroup>
  </ButtonToolbar>
  <ButtonToolbar>
    <ButtonGroup>
      <Button bsSize="large">
        <Glyphicon glyph="star" /> Star
      </Button>
      <Button>
        <Glyphicon glyph="star" /> Star
      </Button>
      <Button bsSize="small">
        <Glyphicon glyph="star" /> Star
      </Button>
      <Button bsSize="xsmall">
        <Glyphicon glyph="star" /> Star
      </Button>
    </ButtonGroup>
  </ButtonToolbar>
</div>;

#Props[source]

NameTypeDefaultDescription
glyph required
string

An icon name without "glyphicon-" prefix. See e.g. http://getbootstrap.com/components/#glyphicons

bsClass
string
'glyphicon'

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