(react) max width for multi select pills

In order to prevent a pill with a long text to stack below the actions
div we decided to introduce the concept of max-width for pills.
This commit is contained in:
Nathan Vasse
2023-06-15 17:49:49 +02:00
committed by NathanVss
parent 29b58ed1a6
commit 34d2fe0af3
6 changed files with 14 additions and 4 deletions

View File

@@ -1,5 +1,4 @@
import { Canvas, Meta, Story, Source, ArgTypes } from '@storybook/blocks';
import { Select } from "./index";
import { Canvas, Meta, Story } from '@storybook/blocks';
import * as Stories from './multi.stories';
<Meta of={Stories} name="Docs"/>
@@ -110,3 +109,4 @@ They are the same as the [Select](?path=/docs/components-forms-select-mono--docs
|--------------- |----------------------------- |
| multi-pill-background-color | Background color of the pills of the multi select |
| multi-pill-border-radius | Border radius of the pills of the multi select |
| multi-pill-max-width | Max width of pills |