StockFind Brand

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

RadioGroup

Order Type

Switch

Slider

50

On this page