The Field family: single-line text (Field), dropdown trigger (FieldSelect),
multi-line auto-growing text (FieldTextArea), and chip-input with optional suggestions
(FieldStyleTags). All share the Title row (label + optional Tag + AssistiveChip) and
the Supporting text row. Inline chips use --sys-secondary-container /
--sys-on-secondary-container (deliberate override of Figma's --sys-primary-fixed
for system-wide consistency across Tag, StyleTag, and suggestions).
Playground · Field
Live sandbox for single-line Field. Toggle Tweaks from the toolbar to configure.
TitleStatus
$
Up to 100 characters.
Field · state matrix
Single-line text input. Rows are interaction states. All borders 1px; color shifts per state.
BasicLabel + input
PrefixLeading unit
With TagStatus chip
With AssistiveChipRight-aligned
Trailing iconClear / chevron
EnabledDefault resting
Title
Enter a title
Up to 100 characters.
Price
$0.00
Before fees and shipping.
TitleRequired
Enter a title
Up to 100 characters.
Description
Describe the item
Rewrite anytime from the AI menu.
Search
Search listings
Press enter to search.
FocusedPrimary border, caret
Title
Enter a title
Up to 100 characters.
Price
$48.00
Before fees and shipping.
TitleRequired
Vintage 90s Knit Sweater
Up to 100 characters.
Description
Soft pastel-purple knit
Rewrite anytime from the AI menu.
Search
Knit sweater
Press enter to search.
FilledJust entered · primary border
Title
Vintage 90s Knit Sweater
Up to 100 characters.
Price
$48.00
Before fees and shipping.
TitleSaved
Vintage 90s Knit Sweater
Up to 100 characters.
Description
Soft pastel-purple knit, relaxed 90s fit.
Rewrite anytime from the AI menu.
Search
Knit sweater
Press enter to search.
ValidatedSettled · outline border
Brand
Uniqlo
Matched from catalog.
Weight
lb1.2
Used to calculate shipping.
TitleSaved
Vintage 90s Knit Sweater
Up to 100 characters.
Description
Soft pastel-purple knit, relaxed 90s fit.
Rewrite anytime from the AI menu.
Category
Women › Sweaters › Crewneck
Required for Poshmark & Mercari.
Long textValue overflows · ellipsis
Title
Vintage 90s Ralph Lauren Cable-Knit Wool Sweater — Pastel Purple with Contrast Trim
Pastel purple knit sweater vintage 90s relaxed fit
Press enter to search.
ErrorRed label + border + helper
Title
Enter a title
Title is required.
Price
$—
Add a price to publish to Poshmark.
TitleToo long
A really long title that exceeds the 100-char max
Title is 12 characters over the limit.
Description
Sweater
Too short — include brand and item type.
Search
Knit sweater
No results — try a different query.
DisabledOpacity 0.38
Title
Enter a title
Unlocks after photos are uploaded.
Price
$48.00
Locked during active auction.
Title
Vintage 90s Knit Sweater
Published — unlist to edit.
Description
Pastel purple knit, 90s fit.
AI rewrite disabled on this plan.
Category
Women › Sweaters › Crewneck
Locked during active auction.
FieldSelect · state matrix
Dropdown trigger. Chevron rotates 180° when open (focused or filled).
PlaceholderNo value yet
With valueSelection committed
With Tag + ChipFull label row
EnabledDefault
Category
Select a category
Category
Women › Sweaters
CategoryRequired
Select a category
FocusedOpen · chevron up
Category
Select a category
Category
Women › Sweaters
CategoryRequired
Select a category
FilledOpen with value
Category
Women › Sweaters › Crewneck
Condition
New with tags
CategorySaved
Women › Sweaters › Crewneck
DisabledOpacity 0.38
Category
Select a category
Category
Women › Sweaters › Crewneck
Category
Women › Sweaters › Crewneck
FieldTextArea · state matrix
Multi-line input. Min-height 112px (--size-alias-field-height-text-area), auto-grows with content. Padding 12/16. No trailing icon slot. Optional maxHeight caps growth and switches to scroll.
EmptyPlaceholder visible
Text enteredShort content
Long textAuto-grown past min
With AssistiveChipAI rewrite action
EnabledDefault resting
Description
Describe the item condition, fabric, fit, and any flaws...
Add details that help buyers understand.
Description
Pastel purple knit, 90s fit.
Add details that help buyers understand.
Description
Soft pastel-purple knit with a relaxed 90s silhouette. Barely worn, kept folded in a smoke-free home. Minor pilling along the cuffs but otherwise excellent condition. Pairs well with high-rise denim.
Add details that help buyers understand.
Description
Describe the item...
Rewrite anytime from the AI menu.
FocusedPrimary border
Description
Describe the item
Add details that help buyers understand.
Description
Pastel purple knit
Add details that help buyers understand.
Description
Soft pastel-purple knit with a relaxed 90s silhouette. Barely worn, kept folded in a smoke-free home
Add details that help buyers understand.
Description
Pastel purple knit
Rewrite anytime from the AI menu.
FilledJust entered · primary
Description
Describe the item...
Add details that help buyers understand.
Description
Pastel purple knit, 90s fit.
Add details that help buyers understand.
Description
Soft pastel-purple knit with a relaxed 90s silhouette. Barely worn. Minor pilling along the cuffs but otherwise excellent condition.
Add details that help buyers understand.
Description
Pastel purple knit, 90s fit.
Rewrite anytime from the AI menu.
ErrorRed border + helper
Description
Describe the item...
Description is required to publish.
Description
Sweater
Too short — add brand, condition, and fit.
Description
A really long description that exceeds the 1000-character maximum allowed on Poshmark and will need trimming before publishing. Keep it concise. Add brand, condition, and fit. Mention flaws if any. Sized relative to standard fits. Fabric content listed on the care tag. Washed cold, air-dried.
Description is 87 characters over the Poshmark limit.
Description
Sweater
Too short — add brand, condition, and fit.
DisabledOpacity 0.38
Description
Describe the item...
Unlocks after photos are uploaded.
Description
Pastel purple knit, 90s fit.
Published — unlist to edit.
Description
Soft pastel-purple knit with a relaxed 90s silhouette. Barely worn, kept folded in a smoke-free home.
Published — unlist to edit.
Description
Pastel purple knit, 90s fit.
AI rewrite disabled on this plan.
FieldStyleTags · state matrix
Chip-input with optional suggestions dropdown. Commit: Enter · Tab · comma. Backspace on empty removes the last chip. Exact-string duplicates silently dropped.
EmptyNo chips yet
With chipsTwo committed
TypingInline input has chars
With dropdownSuggestions open
EnabledDefault resting
Style Tags
Add style tags
Press Enter, Tab, or comma to confirm a tag
Style Tags
VintageY2K
Press Enter, Tab, or comma to confirm a tag
Style Tags
Vintagestreetw
Press Enter, Tab, or comma to confirm a tag
Style Tags
Vintagestreetw
StreetwearStreet styleStreetchic
Press Enter, Tab, or comma to confirm a tag
FocusedPrimary border
Style Tags
Add style tags
Press Enter, Tab, or comma to confirm a tag
Style Tags
VintageY2K
Press Enter, Tab, or comma to confirm a tag
Style Tags
Vintagestreetw
Press Enter, Tab, or comma to confirm a tag
Style Tags
Vintagestreetw
StreetwearStreet styleStreetchic
Press Enter, Tab, or comma to confirm a tag
ErrorRed border
Style Tags
Add style tags
At least one style tag is required.
Style Tags
VintageY2K
Remove a tag — Poshmark allows up to 2.
Style Tags
Vintagevintag
"vintag" is not a valid tag.
Style Tags
Vintagevintag
VintageVintage-inspired
"Vintage" already added — pick a different suggestion.
DisabledOpacity 0.38
Style Tags
Add style tags
Unlocks after basic details.
Style Tags
VintageY2K
Published — unlist to edit.
Style Tags
Vintagestreetw
Published — unlist to edit.
Style Tags
Vintagestreetw
Dropdown hidden when disabled.
FieldStyleTags · interactive
Try the commit rules yourself. Enter / Tab / comma commits. Backspace on empty removes the last chip. Exact-string duplicates silently dropped. Click a suggestion below to add it.