# certara-empty-state ## Overview An empty state occurs when an element has no content to display. Depending on the context, it tells the user what is missing, why it is missing, and can offer guidance on next steps or alternative actions. ## Properties | Property | Attribute | Description | Type | Default | | ------------- | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ----------- | | `description` | `description` | Outputs text below headline | `string` | `undefined` | | `headline` | `headline` | Outputs header as `h1` (large) `h3`(default) | `string` | `undefined` | | `horizontal` | `horizontal` | Toggles horizontal view | `boolean` | `false` | | `img` | `img` | Image name or path. If a simple name is provided (e.g., 'welcome'), it will be resolved to the CDN path. Full URLs or paths starting with '/', '.', or 'http' will be used as-is. | `string` | `'welcome'` | | `imgHeight` | `img-height` | Height of image | `number` | `undefined` | | `imgWidth` | `img-width` | Width of image | `number` | `undefined` | | `size` | `size` | Outputs the `.empty-state__title` as an `h1` | `"lg" \| "md"` | `'md'` | | `width` | `width` | Optional width of the empty state. Accepts a value of `30rem`, `370px`, or any valid CSS size value. | `string` | `undefined` | ## Slots | Slot | Description | | -------------------- | ------------------------------------------------------------------ | | `"actions"` | Buttons, links, more content | | `"description-slot"` | HTML slot for the description. Outputs text below headline. | | `"headline-slot"` | HTML slot for the headline. Outputs as `h1` (large) `h3`(default). | ----------------------------------------------