repeat

[Maxhodges]

often I want to repeat an element. Like if I have a complex ui card and I want several on the screen, is there a way to write an extension or something so I could have my ui card element repeat a few times?

storiesOf('Mailbox', module)
  .add('card view', () => (
    <div className="page header">
      <div className="ui container">
        <div className="ui cards">
          <div repeat="3" className="ui card">
...

[roonyh]

You can put javascript expressions inside JSX. So using map to get an array of ui card elements works.

 storiesOf('Mailbox', module)
  .add('card view', () => (
    <div className="page header">
      <div className="ui container">
        <div className="ui cards">
          {[1,2,3].map(i => (<div className="ui card">stuff</div>))}
        </div>

[arunoda]

I think @roonyh answered this.