API Reference surface_bulma v0.1.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. .
A simple navigation component that is displayed as a breadcrumb
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/16them
. - 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/16them
. - 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
Renders a icon text
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/16them
. - 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.