Bulma Prop

Components for Bulma with smart render props.

Example

<Columns isMobile render={({ mobile, tablet, desktop, widescreen, fullhd }) => (
  <>
    <Column isSize="6-mobile 4-tablet 3-desktop" render={() => (
      <Card hasText="primary" render={(Header) => (
        <Header render={(Title) => {
          <Title hasText="primary" isSize={{mobile: 6, tablet: 5}}>This is the title!</Title>
        }}></Header>
      )}>
      </Card>
    )} />
    {!!tablet && <Column></Column>}
    {!!desktop && <Column></Column>}
    {!!widescreen && <Column></Column>}
    {!!fullhd && <Column></Column>}
  </>
)} ></>

Contributing

Semantic Commits

Please use semantic commit messages to help keep the history clean!

Examples

• chore: add Oyster build script
• docs: explain hat wobble
• feat: add beta sequence
• fix: remove broken confirmation message
• refactor: share logic between 4d3d3d3 and flarhgunnstow
• style: convert tabs to spaces
• test: ensure Tayne retains clothing