SurfaceBootstrap.Card (surface_bootstrap v0.2.5)
Card component.
Can hold:
- Card.Body
- Card.Body.Title (inside Body)
- Card.Footer
- List groups (https://getbootstrap.com/docs/5.0/components/list-group/)
<a class="card-link">(Link, LiveRedirect, LivePatch)<img class="card-img-top">and<img class="card-img-bottom">
https://getbootstrap.com/docs/5.0/components/card/
Properties
- text_align :string, values: ~w(left center right) - Which way to align text, will cascade to all child elements.
- width :string, values: ~w(25 50 75 100) - Helper to set utility classes of width in % of parent container.
- style :string - Can be used to set width like
width: 18em. - background_color :string, values: @colors - Background color.
- text_color :string, values: @text_colors - Text color.
- border_color :string, values: @colors - Border color.
- class :css_class, default: [] - Extra classes to put on outer div.
Slots
- card_header
- card_footer
- default
Link to this section Summary
Functions
Callback implementation for Phoenix.LiveComponent.mount/1.
Callback implementation for Phoenix.LiveComponent.render/1.
Callback implementation for Phoenix.LiveComponent.update/2.
Link to this section Functions
Link to this function
mount(socket)
Callback implementation for Phoenix.LiveComponent.mount/1.
Link to this function
render(assigns)
Callback implementation for Phoenix.LiveComponent.render/1.
Link to this function
update(assigns, socket)
Callback implementation for Phoenix.LiveComponent.update/2.