API Reference surface_bulma v0.1.0

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. .

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"]

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..

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.

The inevitable 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.