Renders a simple button component.

Attributes

• class (:any) - Additional CSS classes to apply to the button. Defaults to nil.
• primary (:boolean) - Apply the primary style to the button. Defaults to false.
• dark (:boolean) - Apply a dark style to the button. Defaults to false.
• light (:boolean) - Apply the light style to the button. Defaults to false.
• danger (:boolean) - Apply the danger style to the button. Defaults to false.
• inline (:boolean) - Apply the inline style to the button. Defaults to false.
• plain (:boolean) - Apply no border or shadow to the button. Defaults to false.
• Global attributes are accepted. Additional attributes to apply to the button. Supports all globals plus: ["type", "disabled", "form", "name", "value"].

Slots

• inner_block (required) - The content to render inside the button.

Attributes

• date (:any) (required) - The currently selected date value.
• id (:string) (required)
• target (:any) - The target for the selection event. Defaults to nil.

Renders a dropdown button with a customizable label and a list of actions.

Attributes

• label (:string) - The label displayed on the dropdown button. Defaults to nil.
• id (:string) (required) - A unique identifier for the dropdown component.
• inline (:boolean) - Apply the inline style to the dropdown button. Defaults to true.
• plain (:boolean) - Applies no border or color to the button. Defaults to false.
• icon (:string) - The name of the icon to display on the button.
• class (:any) - Defaults to nil.

Slots

• action - A dropdwn menu item. Accepts attributes:
  • divider (:boolean) - This item will create a dividing line.
  • label (:string) - The label for the menu item.
  • icon (:string) - The name of the icon to display.
  • event (:string) - The event triggered when the menu item is clicked.
  • target (:any) - The target for the phx-click event.
  • value (:any) - The value passed with the phx-click event.
  • value_id (:string) - The phx-value-id for the menu item.
  • danger (:boolean)

Attributes

• label (:string) - The label displayed on the dropdown button. Defaults to nil.
• id (:string) (required) - A unique identifier for the dropdown component.
• inline (:boolean) - Apply the inline style to the dropdown button. Defaults to true.
• plain (:boolean) - Applies no border or color to the button. Defaults to false.
• icon (:string) - The name of the icon to display on the button. Defaults to nil.
• options (:list) - A list of dropdown options in the form of a label/value tuples. Defaults to [].
• event (:any) - The event to fire when an item is selected. Defaults to nil.
• value (:any) - The currently selected value. Defaults to nil.
• target (:any) - The target for the selection event. Defaults to nil.

Renders a toggle switch with icons on the left and right sides.

Attributes

• left_icon (:string) (required) - The name of the icon to display on the left side of the toggle switch.
• right_icon (:string) (required) - The name of the icon to display on the right side of the toggle switch.
• event (:string) (required) - The event name triggered when the toggle switch is clicked.
• target (:any) - The target for the phx-click event. Defaults to nil.
• left (:boolean) (required) - Determines if the toggle is in the 'left' position.
• right (:boolean) (required) - Determines if the toggle is in the 'right' position.