feat(stage): add prop rounded to change the border-radius

baloise · Mar 4, 2022 · fb8a8e6 · fb8a8e6
1 parent d1ae35a
commit fb8a8e6
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/components/src/components/bal-stage/bal-stage.tsx b/packages/components/src/components/bal-stage/bal-stage.tsx
@@ -16,13 +16,19 @@ export class Stage implements ComponentInterface {
    */
   @Prop() size: 'small' | '' | 'medium' | 'large' | 'halfheight' | 'fullheight' = ''
 
+  /**
+   * Defines the height of the stage section.
+   */
+  @Prop() rounded = false
+
   render() {
     return (
       <Host>
         <section
           class={{
             'hero': true,
             'has-background': true,
+            'has-radius-large': this.rounded,
             'is-info': this.color === 'blue',
             [`is-${this.size}`]: this.size !== '',
           }}