Fix alert samples (#5877)

public-ui · Jan 9, 2024 · 0348a5c · 0348a5c
2 parents fab00ec + bcb15ea
commit 0348a5c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/components/src/components/alert/component.tsx b/packages/components/src/components/alert/component.tsx
@@ -79,7 +79,7 @@ export class KolAlertWc implements API {
 						{typeof this.state._label === 'string' && this.state._label?.length > 0 && (
 							<kol-heading-wc _label={this.state._label} _level={this.state._level}></kol-heading-wc>
 						)}
-						{this._variant === 'msg' && (
+						{this.state._variant === 'msg' && (
 							<div class="content">
 								<slot />
 							</div>

diff --git a/packages/samples/react/src/components/alert/basic.tsx b/packages/samples/react/src/components/alert/basic.tsx
@@ -32,7 +32,7 @@ const AlertByType: FC<PropsByType> = ({ level, type, variant }) => (
 	</>
 );
 
-export const AlertBasic: FC<PropsBasic> = ({ variant }) => (
+export const AlertBasic: FC<PropsBasic> = ({ variant = 'msg' }) => (
 	<div className="grid gap-4">
 		<AlertByType level={1} type="default" variant={variant} />
 		<AlertByType level={2} type="error" variant={variant} />