EmptyState

An empty state banner can be used when a container meant to display content has no data to show.

Add User

There are currently no users added to the system. Use the button below to add users within this environment.

Usage

import {
  EmptyState,
  EmptyStateIcon,
  EmptyStateTitle,
  EmptyStateDescription,
  EmptyStateFooter,
} from "@aqqo/aqqo-ui";

<ComponentPreview>
    <ComponentPreview>
        <EmptyState>
            <EmptyStateIcon>
                <UserCirclePlus
                    className="text-primary-dark-green"
                    size={32}
                />
            </EmptyStateIcon>
            <EmptyStateTitle>
                Add User
            </EmptyStateTitle>
            <EmptyStateDescription>
                There are currently no users added to the system.
                Use the button below to add users within this environment.
            </EmptyStateDescription>
            <EmptyStateFooter>
                <Button
                    variant="secondary"
                >
                    New User
                </Button>
                <Button
                    className="ring-1 ring-gray-200 text-white hover:text-zinc-900 hover:bg-gray-100"
                    variant="tertiary"
                >
                    Knowledge Base
                </Button>
            </EmptyStateFooter>
        </EmptyState>
    </ComponentPreview>
</ComponentPreview>