Skip to content

labeled icon <Button /> not rendered as <button> #596

@Chris-R3

Description

@Chris-R3

Steps to Reproduce

I'd like to render a labeled icon button with type='submit' with following jsx code:

<Button type='submit' icon='save' labeled content='save' />

Expected Behavior

<button class="ui labeled icon button" type="submit">
  <i class="save icon"></i>
  save
</button>

Actual Behavior

<div type="submit" class="ui labeled icon button" tabindex="0">
  <i class="save icon"></i>
  save
</div>

Test Case

http://codepen.io/Chlris-R3/pen/xEXBzK?editors=0010

Is this a bug or do I need to change my code somehow? I also tried adding as='button' with the same result.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions