Option 1
Open in Playroom
Text styles are inherited from the parent typographic component, meaning that it must be within either a Text or Heading. This also allows you to change the weight, size and tone of the dropdown.
Sort by
Relevance
Open in Playroom
The options prop also supports complex values where the display text differs from the field value. In this case, each option is an object containing both text and value properties.
Option 2
// Selected value: 200
Open in Playroom
Braid components are very explicit about the properties they accept, which makes providing arbitrary data attributes not possible. Instead, a data prop can be provided as a single collection of data attributes.