La libreria de React para Bulma que merecemos

React-Bulma-Components es una libreria que te permitira usar facilmente todas las capacidades del Framework de CSS Bulma usando simples componentes de React

<Form.Field>
  <Form.Label>Name</Form.Label>
  <Form.Control>
    <Form.Input placeholder="Username" name="name" value={form.name} onChange={update} />
    <Icon align="left">
      <i className="github" />
    </Icon>
  </Form.Control>
</Form.Field>
<Form.Field>
  <Form.Label>Password</Form.Label>
  <Form.Control>
    <Form.Input placeholder="Password" name="password" type="password" value={form.password} onChange={update} />
    <Icon align="left">
      <i className="github" />
    </Icon>
  </Form.Control>
</Form.Field>
<Button.Group>
  <Button fullwidth rounded color="primary" onClick={() => console.log(form)}>Login</Button>
</Button.Group>
feature

Responsive

Configura de de una manera limpia y declarativa como se vera tu disaño en cada breakpoint. Define el Tamaño, Espacio y otras proppiedades para cada breackpoint sin ningun css.

feature

Rapido y Modular

Incluye solo los componentes que necesitas reduciendo asi el tamaño final de tu bundle. Practicamente sin dependencias externas cada componente es renderizado realmente rapido.

feature

Typescript

Todos los componentes incluyen su definicion en Typescript para permitir soporte de tipos (y autocompletado) de cada prop. Si no usas typescript tambien estan los PropTypes

Sistema simple de 12 columnas

En pantallas pequeñas las columnas se apilan!

1
2
3