richie/Parsons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ServiceSelector: rename truncation story to WithLineLimit, clamp to 1 line

Browse Source 
Makes the line-clamp + "View more" toggle clearly visible in the story.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Richie
2026-03-25 22:07:06 +11:00
parent 9ce8a7e120
commit e775658f65
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/organisms/ServiceSelector/ServiceSelector.stories.tsx
View File

@@ -132,22 +132,23 @@ export const CoffinSelection: Story = {
},
};
// --- With Truncated Descriptions ---------------------------------------------
// --- With Line Limit ---------------------------------------------------------
/** Long descriptions with "View more" toggle */
export const WithTruncatedDescriptions: Story = {
/** Descriptions clamped to 1 line with "View more" toggle */
export const WithLineLimit: Story = {
render: () => {
const [selected, setSelected] = useState<string | undefined>();
return (
<ServiceSelector
heading="Choose a service type"
subheading="Click 'View more' on any option to read the full description."
items={serviceTypes}
selectedId={selected}
onSelect={setSelected}
continueLabel="Continue"
onContinue={() => alert(`Selected: ${selected}`)}
maxDescriptionLines={2}
maxDescriptionLines={1}
/>
);
},