Form Controls
Input fields, selects, and form elements
TextField
Enter a valid stock ticker
Please enter a valid stock symbol
<TextField>
<Label>Stock Symbol</Label>
<Input placeholder="e.g., AAPL" />
<Description>Enter a valid stock ticker</Description>
</TextField>
<TextField isInvalid>
<Label>Invalid Field</Label>
<Input placeholder="Invalid input" />
<FieldError>Please enter a valid stock symbol</FieldError>
</TextField>TextArea
<TextField>
<Label>Notes</Label>
<TextArea placeholder="Add notes about this stock..." rows={3} />
</TextField>NumberField
Number of shares to purchase
<NumberField defaultValue={100} minValue={0} maxValue={1000}>
<Label>Shares</Label>
<NumberField.Group>
<NumberField.DecrementButton />
<NumberField.Input />
<NumberField.IncrementButton />
</NumberField.Group>
<Description>Number of shares to purchase</Description>
</NumberField>Checkbox
<Checkbox>
<Checkbox.Control>
<Checkbox.Indicator />
</Checkbox.Control>
<Checkbox.Content>
<Label>Enable notifications</Label>
<Description>Receive alerts when stocks hit target prices</Description>
</Checkbox.Content>
</Checkbox>CheckboxGroup
Sectors of Interest
Technology
Healthcare
Finance
RadioGroup
Order Type
Market OrderExecute immediately at current price
Limit OrderExecute at specified price or better