Back to Compositions

StatusBanner

Feedback

Contextual status messages with optional actions

Composed from
BannerTextButton
Example
25 products were imported successfully.View productsYour products are being synced with Shopify.Some products need review before publishing.Dismiss
Usage
import { StatusBanner } from '@/components/polaris';

function Example() {
    return (
        <StatusBanner
            tone="success"
            title="Import complete"
            dismissible
            action={{ label: 'View products', onAction: () => console.log('navigate') }}
        >
            25 products were imported successfully.
        </StatusBanner>
    );
}
← All CompositionsView Primitives →