Electrical design
A React block (a whole screen) in Beamline's Manufacturing app.
The electrical side of a solar design. The existing service set up from a named way of connecting to it (a load-side breaker or a supply-side tap), the busbar and main breaker said, with what it means for the panel and the parts it fills in. The new equipment configured step by step beside its pin on a site plan drawn to scale (the lot, the street, the house with its ridge and the array's panels, the conduit run), each pin dragged or moved by arrow keys, a dashed ring the reach it is allowed around what it connects to, a pin further than allowed from what it connects to said with the rule and its line marked. The circuits with current, wire size, length and breaker and their voltage drop; a breaker under 125% of the current, a wire smaller than its breaker or a run dropping more than 3% is refused, kept at its value, with the limit and why.
Use it for
- Equipment placed on a plan where distance to what it connects to is limited.
- A table of values the code limits, refusing a bad value with the reason.
- Choosing a named setup that fills in the parts it implies.
Not for
- Panel layout on the roof (roof-layout).
- Design checks before a permit (plan-readiness).
Anatomy
- bar: project; Equipment (pins too far), Circuits
- equipment: the site plan to scale (lot line, 5 ft grid, street by name, driveway, house and ridge, the array's panels, the conduit run, the reach ring and the measured distance for the chosen pin, pins with names, existing pins hollow, a 10 ft scale and north) beside the steps (existing service, then each new piece); service: busbar and main, how it connects, what it means, what it fills in; equipment: model, distance to what it connects to within or too far; the run as a one-line (boxes and their circuits) with the worst voltage drop and Size the circuits
- circuits: the run as a one-line across; refused value with why, or all within code; each circuit with current and volts, its wire, length and breaker as words opening their choices, and its voltage drop drawn against the 3% allowed
States
- pin too far
- pin within reach
- refused value
- drop over 2%
- every circuit allowed
Keyboard
- Tab to a pin; arrow keys move it 1 ft, Shift 5 ft
- Tab through each circuit's wire, length and breaker
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title (required) | string | — | The project, as its title reads. |
busbar (required) | number | — | The existing panel's busbar and main breaker, in amps. |
mainBreaker (required) | number | — | |
topologies (required) | Topology[] | — | |
defaultTopology | string | — | |
defaultEquipment (required) | Equipment[] | — | |
site (required) | Site | — | The site plan in feet: the lot, the house on it and, when given, its ridge, the array on the roof, the street in front and the driveway. |
defaultCircuits (required) | Circuit[] | — | |
defaultTab | "circuits" | "equipment" | — | |
defaultStep | number | — | The step open first: 0 is the existing service, then each piece of new equipment. |
onCircuitsChange | ((c: Circuit[]) => void) | — | |
className | string | — | Classes on the documented visual root; no override by default. |
style | CSSProperties | — | Inline styles on the documented visual root; no overrides by default. |
ref | Ref<HTMLDivElement> | — | Receives the documented native target or imperative handle; omitted by default. |
Built from
- tabs
- stepper
- radio-cards
- dropdown-menu
- popover
- number-field
Dependencies
lucide-react
Import
import { ElectricalDesign } from "@beamline/electrical-design";Get it
Electrical design is part of Beamline UI. Install the parts you need in your React app as compiled packages or editable source. Get Beamline · Connect your agent
More in Manufacturing
- Shop floor: A workshop's shop floor at one workstation: each job is a card at its work centre with why it isn't ready said in words (parts short, or the previous…
- Production plan: A production plan by month: each product's starting stock, forecast demand, replenishment and ending stock, every ending rolling into the next month's…
- Production and lots: Stock made and stored, with every movement traceable. A batch of a recipe, read as a batch sheet: the recipe, batches (in halves) and day as one sentence…
- Print scheduler: A print shop's production schedule. The week by station: each station's day holds its runs, with a load bar and minutes used against the station's…
- Plan readiness: A solar plan on its way to a permit. The design checks (fire setback from the ridge, string voltage in the cold, roof load, eave and rake setbacks, the…
- Design inputs: What a solar design is checked against, and what the home really uses. Code standards and site conditions (building, electrical and fire codes, wind…
- Solar quote: A residential solar quote. The system's price at its rate per watt with adders, discounts and incentives each switched on or off: discounts come off one…
- Roof layout: The roof of a solar design. The roof in plan with every face's panels drawn as they lie under its roof type's rules (projected from the slope), each…
- Battery sizing: A home battery sized beside its solar. The model and how many with capacity, power and installed price; how it runs (kept full for an outage, storing…
- Field conditions: A farm's fields and what each one's conditions are. The fields as a searchable list (each with its outline, crop, area and the layer's value, or Not…
- Grazing plan: Mobs on a grazing rotation, on the farm's map: with a map base, its parcels are the paddocks, each filled by where it stands in the chosen mob's plan (on…
- Run of show: One service or event plan's order, run more than once: sections and items with each occurrence's start time in its own column, each item's length dragged…
- Sound library: A library of sounds (or any media a person auditions before using): a search by words and #tags with facets as filters, a live "3 filters · 12 results"…
- Tag manager: Tags for one or several items at once (sounds, photos, documents). Nested tag groups are edited in place (rename, new tag), and a folded group still says…