| @@ -298,8 +298,27 @@ | ||
| 298 | 298 | </InspectorControls> |
| 299 | 299 | <InspectorControls> |
| 300 | 300 | <PanelBody title={__("Button Settings", "tableberg")}> |
| 301 | 301 | <ToggleGroupControl |
| 302 | + label={__("Style", "tableberg")} | |
| 303 | + value={styles.variant ?? "fill"} | |
| 304 | + onChange={value => { | |
| 305 | + updateStyles({ | |
| 306 | + variant: value === "outline" ? "outline" : "fill", | |
| 307 | + }); | |
| 308 | + }} | |
| 309 | + isBlock | |
| 310 | + > | |
| 311 | + <ToggleGroupControlOption | |
| 312 | + value="fill" | |
| 313 | + label={__("Fill", "tableberg")} | |
| 314 | + /> | |
| 315 | + <ToggleGroupControlOption | |
| 316 | + value="outline" | |
| 317 | + label={__("Outline", "tableberg")} | |
| 318 | + /> | |
| 319 | + </ToggleGroupControl> | |
| 320 | + <ToggleGroupControl | |
| 302 | 321 | label={__("Button Alignment", "tableberg")} |
| 303 | 322 | value={align} |
| 304 | 323 | onChange={value => { |
| 305 | 324 | if ( |
