rename to closebutton

marigold-ui · Oct 8, 2024 · dfae2b0 · dfae2b0
1 parent 0a88c7a
commit dfae2b0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/components/src/SectionMessage/SectionMessage.stories.tsx b/packages/components/src/SectionMessage/SectionMessage.stories.tsx
@@ -21,7 +21,7 @@ type Story = StoryObj<typeof meta>;
 
 export const Basic: Story = {
   render: args => (
-    <SectionMessage closeMessage {...args}>
+    <SectionMessage closeButton {...args}>
       <SectionMessage.Title>Danger Zone!</SectionMessage.Title>
       <SectionMessage.Content>
         <Text>Hello, I am a simple message.</Text>

diff --git a/packages/components/src/SectionMessage/SectionMessage.tsx b/packages/components/src/SectionMessage/SectionMessage.tsx
@@ -70,7 +70,7 @@ export interface SectionMessageProps {
    * The children of the component.
    */
   children?: ReactNode;
-  closeMessage?: boolean;
+  closeButton?: boolean;
 }
 
 // Component
@@ -79,7 +79,7 @@ export const SectionMessage = ({
   variant = 'info',
   size,
   children,
-  closeMessage,
+  closeButton,
   ...props
 }: SectionMessageProps) => {
   const classNames = useClassNames({
@@ -112,7 +112,7 @@ export const SectionMessage = ({
         >
           {Icon && <Icon />}
         </div>
-        {closeMessage && (
+        {closeButton && (
           <button
             className="h-4 w-4 cursor-pointer border-none p-0 leading-normal outline-0 [grid-area:close]"
             onClick={handleClose}