Skip to content

Commit

Permalink
feat(blog): update text
Browse files Browse the repository at this point in the history
  • Loading branch information
PixeledCode committed Nov 12, 2024
1 parent 908f70f commit 70fb36a
Showing 1 changed file with 12 additions and 12 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -89,15 +89,15 @@ detailed work and feedback-gathering on this pattern!

### Timeline component

<Box width="100%" maxWidth="400px" display="block">
<Box width="100%" maxWidth="400px" display="block" margin="0 auto">
<ResponsiveBorderedImage src={Timeline} alt="Preview of Timeline component" />
</Box>

The [Timeline](/components/timeline) component displays events in chronological order and can be used for tracking milestones, monitoring system logs, or visualizing user activity that can be associated with a timestamp.

We’ve also updated [Progress Steps so you can add additional content to individual steps](/components/progress-steps#additional-content). With this update, Progress Steps can continue to be used to outline progress multi-step task across multiple pages or apps:

<Box width="100%" maxWidth="400px" display="block">
<Box width="100%" maxWidth="400px" display="block" margin="0 auto">
<ResponsiveBorderedImage src={ProgressSteps} alt="Preview of Progress Steps component" />
</Box>

Expand Down Expand Up @@ -130,23 +130,23 @@ allowing users to scroll additional tabs, rather than its previous behavior that

### Error states for AI Chat Log

<Box width="100%" maxWidth="400px" display="block">
<Box width="100%" maxWidth="400px" display="block" margin="0 auto">
<ResponsiveBorderedImage src={AIErrorState} alt="Preview of AI UI Kit Error state" />
</Box>

When designing for AI, you’ll always want to [assume errors will happen and plan for them](/experiences/artificial-intelligence#designing-ai-features) when they inevitably happen. In that vein, check out our new guidelines for [error states in AI Chat Log](/components/ai-chat-log#error-states).

These guidelines cover errors when:

- Generating a response.
- A user takes an action that’s part of message content.
- A user takes an action that affects a message, like giving feedback on a response.
- A user’s message fails to be sent.
- There’s a system failure.
- Generating a response
- A user takes an action that’s part of message content
- A user takes an action that affects a message, like giving feedback on a response
- A user’s message fails to be sent
- There’s a system failure

### Callout update

<Box width="100%" maxWidth="400px" display="block">
<Box width="100%" maxWidth="400px" display="block" margin="0 auto">
<ResponsiveBorderedImage src={Callout} alt="Preview of Callout component" />
</Box>

Expand All @@ -159,11 +159,11 @@ better communicate differences in urgency.
#### New

- Added [borderless Status Badges](/components/status-badge#borderless-badges) for easier display of statuses within Tables and Data Grids, and updated the [Object status](/patterns/object-status) pattern (formerly known as Status pattern)
- Added instructions on how to [add the HighCharts accessibility module](/foundations/data-visualization#adding-highcharts-accessibility-module) to your charts for enhanced keyboard navigation and screen reader functionality.
- Added instructions on how to [add the HighCharts accessibility module](/foundations/data-visualization#adding-highcharts-accessibility-module) to your charts for enhanced keyboard navigation and screen reader functionality

#### Updates

- [Truncate](/components/truncate) and [Inline Code](/components/inline-code) are now composable.
- [Truncate](/components/truncate) and [Inline Code](/components/inline-code) are now composable

## ✨ Pastemates™ spotlight

Expand Down Expand Up @@ -196,7 +196,7 @@ Thank you so much, Kara! We can’t wait to see what you build (and contribute)
| Feature | Description |
| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Keyboard Key component** | A Keyboard Key distinguishes a keyboard command or shortcut from other text. |
| **Sample Text component** | Sample Text distinguishes examples from body text and clarifies what kind of input is expected into the system. |
| **Sample Text component** | Sample Text is a stylized text wrapper used to highlight standalone contextual information within a body text. |
| **Blockquote component** | A Blockquote highlights a quotation. |

<Box marginBottom="space120" />
Expand Down

0 comments on commit 70fb36a

Please sign in to comment.