API Reference surface_bulma v0.2.1

Modules

Properties

  • id :string, required: true - The id of the live view.
  • session :map - The request info necessary for the view, such as params, cookie session info, etc. The session is signed and stored on the client, then provided back to the server when the client connects, or reconnects to the stateful view. .

Properties

  • id :string, required: true - The id of the live view.
  • session :map - The request info necessary for the view, such as params, cookie session info, etc. The session is signed and stored on the client, then provided back to the server when the client connects, or reconnects to the stateful view. .

Properties

  • id :string, required: true - The id of the live view.
  • session :map - The request info necessary for the view, such as params, cookie session info, etc. The session is signed and stored on the client, then provided back to the server when the client connects, or reconnects to the stateful view. .

The classic button, in different colors, sizes, and states

Catalogue implementation for SurfaceBulma.

Properties

  • id :string, required: true - The id of the live view.
  • session :map - The request info necessary for the view, such as params, cookie session info, etc. The session is signed and stored on the client, then provided back to the server when the client connects, or reconnects to the stateful view. .

Properties

  • id :string, required: true - The id of the live view.
  • session :map - The request info necessary for the view, such as params, cookie session info, etc. The session is signed and stored on the client, then provided back to the server when the client connects, or reconnects to the stateful view. .

Properties

  • id :string, required: true - The id of the live view.
  • session :map - The request info necessary for the view, such as params, cookie session info, etc. The session is signed and stored on the client, then provided back to the server when the client connects, or reconnects to the stateful view. .

Properties

  • id :string, required: true - The id of the live view.
  • session :map - The request info necessary for the view, such as params, cookie session info, etc. The session is signed and stored on the client, then provided back to the server when the client connects, or reconnects to the stateful view. .

Properties

  • id :string, required: true - The id of the live view.
  • session :map - The request info necessary for the view, such as params, cookie session info, etc. The session is signed and stored on the client, then provided back to the server when the client connects, or reconnects to the stateful view. .

Properties

  • id :string, required: true - The id of the live view.
  • session :map - The request info necessary for the view, such as params, cookie session info, etc. The session is signed and stored on the client, then provided back to the server when the client connects, or reconnects to the stateful view. .

The delete component is a stand-alone element that can be used in different contexts. On its own, it's a simple circle with a cross.

A component that displays an icon compatible with the FontAwesome icons

Properties

  • size :string, values: ["xs", "sm", "lg", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x"] - The size of the icon.
  • transform :string - Transformations of the icon. Use rotate-#, grow-#, shrink-#, right-#, left-#, up-#, down-# in any combination. Rotations are in degrees, placement and scaling are in 1/16th em .
  • style :string, default: "" - Styles for the component.
  • class :css_class - CSS classes for the component.
  • position :string, values: ["bottom-left", "bottom-right", "top-left", "top-right"]

Slots

  • default

Properties

  • size :string, values: ["xs", "sm", "lg", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x"] - The size of the icon.
  • transform :string - Transformations of the icon. Use rotate-#, grow-#, shrink-#, right-#, left-#, up-#, down-# in any combination. Rotations are in degrees, placement and scaling are in 1/16th em .
  • style :string, default: "" - Styles for the component.
  • class :css_class - CSS classes for the component.
  • container_size :string, values: ["small", "medium", "large"] - Specifies the size of the span that wraps the icon..

Slots

  • default

The text that goes in a TextIcon component

Properties

  • size :string, values: ["xs", "sm", "lg", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x"] - The size of the icon.
  • transform :string - Transformations of the icon. Use rotate-#, grow-#, shrink-#, right-#, left-#, up-#, down-# in any combination. Rotations are in degrees, placement and scaling are in 1/16th em .
  • style :string, default: "" - Styles for the component.
  • class :css_class - CSS classes for the component.

Slots

  • default

The non-card modal, with various configuration options. The modal is a stateless component and as such requires outside handling of whether or not the modal should be shown.

The card modal, with various configuration options. The modal is a stateless component and as such requires outside handling of whether or not the modal should be shown.

A Bulma HTML table.

Defines a column for the parent table component.

A simple horizontal navigation tabs component

Defines a tab item for the parent tabs component.

Tag is very useful as a way to attach information to a block or other component. Its size makes it also easy to display in numbers, making it appropriate for long lists of items.