Releases: Mantix/livewire-bootstrap-components
Remove bottom margin from title in card
Remove bottom margin from title in card
Moved classes to header of card
Fix typo
Added actions to the card header
You can now add actions to the card header, just like in the list-row component.
Added styling for combining the card and the list-row components
When using the list-row element in the card component, you can remove the extra borders by adding this as "body_class":
<x-bootstrap::card body_class="list-group p-0">
<x-bootstrap::list-row>
Hello 1
</x-bootstrap::list-row>
<x-bootstrap::list-row>
Hello 2
</x-bootstrap::list-row>
</x-bootstrap::card>
Improved list-row component
Update list-row component to conditionally render action labels with responsive visibility. This change improves the user interface by hiding labels on smaller screens while maintaining accessibility on larger devices.
Improved list-row element
Refactor list-row component to improve action handling and rendering logic. Added unique keys for actions, streamlined primary action selection, and enhanced mobile dropdown functionality for better usability and consistency.
Improved card component
Fix card component body class logic to ensure padding is applied correctly based on body_class prop. This improves layout consistency and enhances the overall design flexibility.
Improved card component
Add body_class prop to card component for enhanced customization. This allows for additional styling options in the card body, improving flexibility in design.
Improved card component
Update card component class to improve consistency in styling. Changed class from 'card-body' to 'card' for better alignment with Bootstrap standards.