CODEWITHSUNDEEP
javascriptcssreactjsdropdown
devamat
devamat

Reputation: 2503

Semantic UI Dropdown component max-width in ReactJS

I can't figure out how to set the max-width of the Dropdown component in ReactJS. I tried with

.Menu Dropdown {
    max-width: 5rem !important;
}

With no luck. They use way too much space for the text they are showing. Can someone explain me how to do it? Thanks.

Upvotes: 0

Views: 1023

Answers (1)

KpTheConstructor
KpTheConstructor

Reputation: 3291

Adding a fluid prop to the Dropdown component should do the job according to the semantic react docs here.

Example:

<Dropdown fluid> ... </Dropdown>

Hope this helps.

Upvotes: 1

Related Questions